scroll the links instead of the whole page

This commit is contained in:
hossein s. borhani 2022-08-13 00:07:04 +04:30 committed by GitHub
parent 144dab5eb8
commit 59ff57aa28
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -6,9 +6,15 @@
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
div {
overflow: auto;
height: 88vh;
border: #ccc 2px solid;
padding: 10px;
}
body { body {
background: #222; background: #222;
padding: 2% 25%; padding: 2vh 25%;
} }
#myInput { #myInput {
background-position: 10px 12px; background-position: 10px 12px;
@ -40,6 +46,7 @@ font-size: 24px;
</style> </style>
</head> </head>
<body> <body>
<div>
<input autofocus type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for streams..." title="Type in a name"> <input autofocus type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for streams..." title="Type in a name">
<ul id="myUL"> <ul id="myUL">
<li><a href="https://raw.githubusercontent.com/junguler/m3u-radio-music-playlists/main/---everything-full.m3u">everything-full.m3u</a></li> <li><a href="https://raw.githubusercontent.com/junguler/m3u-radio-music-playlists/main/---everything-full.m3u">everything-full.m3u</a></li>
@ -142,6 +149,7 @@ font-size: 24px;
<li><a href="https://raw.githubusercontent.com/junguler/m3u-radio-music-playlists/main/wave.m3u">wave.m3u</a></li> <li><a href="https://raw.githubusercontent.com/junguler/m3u-radio-music-playlists/main/wave.m3u">wave.m3u</a></li>
<li><a href="https://raw.githubusercontent.com/junguler/m3u-radio-music-playlists/main/world.m3u">world.m3u</a></li> <li><a href="https://raw.githubusercontent.com/junguler/m3u-radio-music-playlists/main/world.m3u">world.m3u</a></li>
</ul> </ul>
</div>
<script> <script>
function myFunction() { function myFunction() {
var input, filter, ul, li, a, i, txtValue; var input, filter, ul, li, a, i, txtValue;