javascript - 混合使用 overflow-x、FireFox 和 Javascript 时出现问题

标签 javascript jquery css firefox scrollto

首先,这个问题只发生在 Firefox 中。

查看此示例页面以了解问题: -删除-

选择主页以外的任何页面。窗口将滚动到页面。然后您可以使用鼠标滚轮向下滚动。这很好用。但是,如果您用鼠标捕获右侧的滚动条,它将跳回“主页”(左上角,第一个元素,它是整个页面/网站的一部分)。

违规代码是:

#content{

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

}

...如果我取消隐藏 overflow-x (overflow-x: auto;) 一切正常,但我得到一个不需要的水平滚动条。

我正在使用 jquery ScrollTo 插件,它为 #content 中的 div 位置设置动画以创建“滑动”效果。显然,因为 Firefox 正在“重置”到默认加载位置,所以它认为它不应该允许我水平“滑动”。

这是 Firefox 的错误吗?还是 ScrollTo 插件中的错误?或者甚至是 jQuery?

关于如何解决这个问题的任何想法?解决方法?

非常感谢任何帮助!谢谢!

最佳答案

解决方法: 将滚动条隐藏在另一个 div 下。蹩脚的,但在我的情况下有效。

关于javascript - 混合使用 overflow-x、FireFox 和 Javascript 时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3910386/

相关文章:

php - 使用 Masonry、jQuery 和 PHP 制作专辑封面画廊

javascript - 传单.js : Allow default drag/zoom options with HTML elements on top of map DIV

Jquery IE8 Dom操作无法扩展元素

javascript - 为什么 preventDefault 不起作用但 return false 起作用

javascript - 只想在我的选项卡中使用 css 而不是 js 和查询

css - 编写重复 CSS 代码的正确方法是什么

javascript - 将 bool 值从 rails Controller 传递到 javascript 以便在条件中使用

javascript - Angular4加载JS文件的方法

javascript - react onChange 不从 Div 触发

CSS Cod5 Rain 用户名?它可以编码吗?如果可以,我将如何处理