treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Is there a way to make a wide slider without scroll bars?

  • I have this so far and it produces horizontal scroll bars. I am using a modified version of Chris' "Anything Slider".

    http://www.bopedesign.com/Champion/

    Thanks in advance!
  • I don't see any scroll bars in Chrome.
  • Interesting...

    I am seeing horizontal (and vertical but that's needed) scrolling to the right where the slider stretches out to the right.

    I see them in FF and Chrome.
  • Chrome 11.0.696.65 - No scrolls
    IE8 - No scrolls
    FF5.0 - No scrolls
  • Thanks Doc.

    That is very confusing. I am on a mac. FF3.6.3 - Chrome12.0.742.112 - Safari5.0.5

    I see hor scrolls anytime my browser is under about 1700px wide.

    Anyone else seeing one or the other?
  • I've come to realize that you might be talking about the entire window, and not just the slider.

    If that's the case then yes, I do get scroll bars. These will be unavoidable as your slider's width will always push it.
  • @jbope, you could set the body's overflow-x to hidden. I think I would use absolute positioning on the slider with left at 50% and a negative left margin of 906px to have it always centered. you'd also need a top margin of 405px on the container following the slider...
  • Awesome! Thanks wolfcry!
  • Hi jbope!

    I see that you are using a really old version of AnythingSlider, but nice work on the mod! I just wanted to let you know that the newest version allows you to expand the slider to fit in its container and it pauses videos that are out of view.