Question

This may just be a mac issue, but I have a page with an element which is twice the size of the page and is moved into view dynamically. in my css I have overflow-x:hidden set so that this element won’t create an ugly bottom scollbar, the problem is on my laptop (and probably on ipads and other devices) I can just swipe with two fingers to scroll and view this content. This breaks the whole layout and looks really bad, and I am looking for a way to completely disable this horizontal scrolling action with javascript or css.

Thank you

Answer 1

JavaScript:

 window.onscroll = function () {
     window.scrollTo(0,0);
    }

This will return the scroll bar back to it’s original (0,0) location whenever the user tries to scroll. Let me know if this works with a laptop pad as I am on a desktop.