All geek questions in one place

The problem of mixing overflow-x, FireFox and Javascript

First of all, this problem only occurs in Firefox.

Check this example page to understand the problem: -Removed -

Select any page except home. The window will scroll to the page. Then you can scroll down with the mouse wheel. It works great. BUT, if you take the scroll bar on the right with the mouse, it will return to the "home page" (upper left, the first element that is part of the ENTIRE / website page).

Violation Code:

#content {

overflow-x: hidden; /* <<problem maker */ overflow-y: auto; width:100%; background-color:white; position:relative; height:400px; float:left; min-width: 900px;

}

... if I display overflow-x (overflow-x: auto;) everything works correctly, but I get an unwanted horizontal scrollbar.

I use the jquery ScrollTo plugin, which animates the position of a div inside #content to create a “sliding” effect. Apparently, since Firefox "reboots" to its default download position, it does not believe that it ever allowed me to "glide" horizontally.

Is this a Firefox bug? Or a bug in the ScrollTo plugin? Or maybe even jQuery?

Any ideas on how to fix this? Workarounds?

Any help is much appreciated! Thanks!

+1
source share
2 answers

Workaround: Hide the scroll bar under another div. Lame, but it works in my case.

+1
source

Source: https://habr.com/ru/post/1369635/

More articles:


All Articles