FIMFiction UserScripts 383 members · 0 stories
Comments ( 3 )
  • Viewing 1 - 50 of 3

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.

Selbi
Group Admin

Writing in quotes instead of code boxes, cause it breaks line wrappings otherwise.

div.front_page .latest_stories_outer .story-card-list {
overflow: hidden;
height: 800px;
max-height: none
}

Should be:

div.front_page .latest_stories_outer .story-card-list {
overflow: scroll !important;
height: 800px;
max-height: none
}

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.

  • Viewing 1 - 50 of 3