Disable horizontal scroll with JavaScript

Question

Does anyone know if there is a way to disable the horizontal scrollbar using JavaScript?

I don\'t want to use overflow-x: hidden;.

Answer 1

A way to prevent elements from scrolling down in jQuery:

$(element).scroll(function () {
    this.scrollTop = 0;
    this.scrollLeft = 0;
});

Well, this does not actually prevent the scrolling, but it "scrolls back" to the top-left corner of an element, similar to Chris' solution which was created for the window instead of single elements. Remove the scrollTop or scrollLeft lines to suit your needs.