Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript scroll-bar fixed on the right with morphing thumb

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #195741
    joepk
    Participant

    Hey Guys,

    I need a solution for the scroll-bar on my website. I have full-screen divs which can be swiped horizontal to change displays. However the scroll-bars show up on the right whenever the content is to long so when you swipe they cross over the screen. Not what I want. My wish is that they keep fixed on the right and the scroll-bar thumb adjusts to the content. Anyone might have a simple way to get this done?

    See the issue http://emphasizestudio.nl/dev/#joepklunhaar

    Cheers,

    Joep

    #195805
    Shikkediel
    Participant

    My idea would be to temporarily set overflow to hidden with jQuery when the swipe is initiated, then show it again (overflow: auto) upon release. It seems easier than a CSS approach – making both elements full width so the overflow (scrollbar) ends upon the far right. That’ll most likely provoke more problems to solve.

    #195807
    joepk
    Participant

    Your solution is indeed a simple one. I might for it. I’ll do something fancier later on :)

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.