JQuery scrollTo with overflow: auto

Question

I'm designing a mobile webpage and the following piece of CSS HAS to be present in order for the position: fixed items to work properly:

html, body { height: 100%; overflow: auto; }

However, after adding overflow: autothe scrollTo() method doesn't work anymore - no scrolling happens. Why is that? How do I fix it?

Dave McNally · Accepted Answer · 2013-10-16 15:30:04Z

1

I ran into similar issues with needing overflow: auto; but it was because I was previously scrolling the window rather than the element I wanted to scroll. Switching to the element worked with updated positioning.

So instead of:

$(window).scrollTo()

I switched to:

$('#element').scrollTo()

And that worked. I'm not sure if you're in exactly the same situation but it may help?

answered Oct 16, 2013 at 15:30

Dave McNally

435 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Onion Over a year ago

This solution doesn't work for me, because I need to scroll the entire window.

Dave McNally Over a year ago

Ah. If using fixed positioning for certain element(s), can you not have a wrapper around the elements that will scroll and target that with scrollTo? It may not be possible though, depending on your markup.

Collectives™ on Stack Overflow

JQuery scrollTo with overflow: auto

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related