Treehouse: Grow your CSS skills. Land your dream job.

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

  • # June 29, 2011 at 10:34 am

    I have this so far and it produces horizontal scroll bars. I am using a modified version of Chris’ “Anything Slider”.

    Thanks in advance!

    # June 29, 2011 at 12:43 pm

    I don’t see any scroll bars in Chrome.

    # June 29, 2011 at 12:57 pm


    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.

    # June 29, 2011 at 1:20 pm

    Chrome 11.0.696.65 – No scrolls
    IE8 – No scrolls
    FF5.0 – No scrolls

    # June 29, 2011 at 1:41 pm

    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?

    # June 29, 2011 at 2:22 pm

    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.

    # June 29, 2011 at 4:01 pm

    @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…

    # June 29, 2011 at 4:24 pm

    Awesome! Thanks wolfcry!

    # June 29, 2011 at 7:14 pm

    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.

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.