Unless I misunderstood your question. Also, note that this will not be pixel perfect, especially if you have a smaller resolution. You can do some fancy CSS shenanigans to make it automatically adjust to the window size, but I figured this is what you were actually asking for.
Note that this is different from the recently-posted new stories scroller. That one works, but for some reason, this one doesn't.
div.front_page .latest_stories_outer { position: relative } div.front_page .latest_stories_outer:after { content: " "; display: block; background: rgba(238, 233, 226, 0); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 233, 226, 0)), color-stop(100%, #eee9e2)); background: -webkit-linear-gradient(top, rgba(238, 233, 226, 0) 0%, #eee9e2 100%); background: linear-gradient(to bottom, rgba(238, 233, 226, 0) 0%, #eee9e2 100%); position: absolute; bottom: 0px; left: 0px; right: 0px; height: 200px; z-index: 1; pointer-events: none } div.front_page .latest_stories_outer .story-card-list { overflow: hidden; height: 800px; max-height: none } div.front_page .latest_stories_outer .story-card-list::-webkit-scrollbar-track { background-color: #eee9e2; box-shadow: none } div.front_page .latest_stories_outer .story-card-list::-webkit-scrollbar-thumb { border-radius: 5px } div.front_page .latest_stories_outer .story-card-list:hover { overflow: auto; } div.front_page .latest_stories_outer a ul.story-card-list { z-index:99999; } ul.story-card-list { overflow: auto; }
In its current state, the code only adds a gradient fade effect to the bottom of the list, and somewhat breaks the site layout as well.
The code is reused from the scrolling popular stories script that was posted a while back.
Writing in quotes instead of code boxes, cause it breaks line wrappings otherwise.
Should be:
Unless I misunderstood your question. Also, note that this will not be pixel perfect, especially if you have a smaller resolution. You can do some fancy CSS shenanigans to make it automatically adjust to the window size, but I figured this is what you were actually asking for.
6549336
Alrighty. Thanks! ^_^