Jump to content

Trying to get a template to scroll


Recommended Posts

Trying to get this tracker template to scroll once it goes over a certain amount of threads.  But I don't know how to get the current and completed sections to scroll separately. Ideally I'd like for it to start scrolling after four or five threads. Any help modifying this code would be endlessly appreciated. 🥰

here's the dohmtl for posting

[dohtml]<div id="BS-tracker"><div class="basic">
<img src="https://placehold.co/100">
<h1>Lastname <t>Fisrtname</t></h1>
<div>age – gender – group – occupation</div></div>

<div class="tracker"><script>TrackParticipatedThreads({characterName: "Firstname Lastname"});</script></div></div>[/dohtml]

 

And this is what is in the stylesheet.

#BS-tracker .tracker { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 20px; }
#BS-tracker .tracker .fizztrackerwrap, #BS-tracker .tracker .fizzhistorywrap { flex: 100%; padding: 0px; display: flex; flex-direction: column; gap: 5px; }
#BS-tracker .tracker p { padding: 10px; border: 1px solid var(--bgdark); transition: 0.5s all; cursor: pointer; font: 400 12px var(--sans1); background: linear-gradient(156deg, var(--mgn1) -85%, var(--mgn2) -65%, transparent); display: flex; align-items: center; justify-content: center; }
#BS-tracker .tracker p span{display:none;}

#BS-tracker .tracker  div#track, #BS-tracker .tracker div#history { display: flex; flex-direction: column; gap: 5px; }
#BS-tracker .tracker .tracker-item { border: 1px solid var(--bgdark); padding: 10px; background: var(--bglight); position: relative; transition: 0.5s all; margin: 0px; text-indent: 0px; display: flex; flex-direction: column; align-items: flex-start;}
#BS-tracker .tracker .tracker-item b a { margin: 0px; font: 700 15px var(--sans1); text-align: left; text-transform: uppercase; text-shadow: 0px 0px 5px var(--mgn1); }
#BS-tracker .tracker .tracker-item hr, #BS-tracker .tracker .tracker-item b span { display: none; }
#BS-tracker .tracker .tracker-item .tracker-desc { display: block; flex-direction: column; text-align: left; }
#BS-tracker .tracker .tracker-item .tracker-desc br {display:none}
#BS-tracker .tracker .tracker-item .tracker-desc span.tracker-lastpost {display: flex; gap: 5px; text-transform: uppercase; font-weight: 600; font-size: 10px; }
#BS-tracker .tracker .tracker-item .tracker-desc span.tracker-lastpost b { font-weight: 500; }
#BS-tracker .tracker span[style="font-size: 90%; font-family: roboto, verdana, arial, sans"] { display: none; }

 

_BMbutton.gif.a792ce7de22dd520799aad4678cfb1bf.gifdElwUpg.gif.d499cac8334ad27d3cf26687222854a7.gif

Link to comment
Share on other sites

  • Replies 0
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use, Guidelines and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.