Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang=en>
- <head>
- <meta charset=utf-8>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <style>
- html, body {
- margin: 0;
- padding: 0;
- height: 100vh;
- width: 100vw;
- font-size: 16px;
- /*-webkit-tap-highlight-color: rgba(0,0,0,0);
- -webkit-tap-highlight-color: transparent;*/
- }
- .page {
- width: 100vw;
- height: 100vh;
- box-sizing: border-box;
- padding: 20px;
- }
- .scroller {
- width: 100%;
- height: 100%;
- box-sizing: border-box;
- border: 2px solid rgba(255, 0, 0, 0.5);
- overflow-y: scroll;
- }
- .item {
- width: 100%;
- height: 250px;
- border: 2px solid lightgray;
- box-sizing: border-box;
- }
- /*.scroller::-webkit-scrollbar-track,
- .scroller::-moz-scrollbar-track,
- .scroller::-o-scrollbar-track
- {
- box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
- -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
- -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
- -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
- border-radius: 10px;
- background-color: #F5F5F5;
- }
- ::-webkit-scrollbar-track,
- ::-moz-scrollbar-track,
- ::-o-scrollbar-track
- {
- box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
- -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
- -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
- -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
- border-radius: 10px;
- background-color: #F5F5F5;
- }*/
- </style>
- </head>
- <body>
- <div class="page">
- <div class="scroller">
- <div class="item"></div>
- <div class="item"></div>
- <div class="item"></div>
- <div class="item"></div>
- <div class="item"></div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement