Html Firefox中不可选择的滚动条

当一个可滚动的容器是一个带有

href

属性的

标记时，不能选择滚动条，而是拖动整个容器。这只发生在Firefox中。Edge、Chrome和IE11看起来还不错


a{
显示：块；
宽度：150px；
高度：200px；
溢出y：自动；
/*演示CSS*/
背景：ddd；
浮动：左；
右边距：20px；
边缘底部：20px；
}
/*演示CSS*/
h3{
浮动：左；
宽度：150px；
保证金：0px 20px 0px 0px；
}
h4{
浮动：左；
宽度：150px；
利润率：15px 20px 15px 0px；
}
* {
字体系列：Arial，无衬线；
}


当可滚动容器是带有
href
属性的
标记时，则无法选择滚动条。相反，整个集装箱都在拖拉。这只发生在Firefox中。Edge、Chrome和IE11看起来还不错。


注意：使用鼠标滚轮滚动仍然有效。

href=“#”
href=“javascript:void（0）；”
否href


一排
第2排
第3排
第4排
第5行
第6行
第7排
第8行
第9行
第10行
第11排
第12行
第13行
第14行
第15行
第16行
第17排
第18排
第19行
第20行
第21行
第22排
第23排
第24行
第25行
第26行
第27行
第28行
第29行
第30排
第31行
第32行
第33行
第34行
第35行
第36行
第37排
第38行
第39行
第40行
第41排
第42行
第43排
第44排
第45排
第46行
第47行
第48行
第49行
第50行


✘ 破碎的
✘ 破碎的
✔ Works
这似乎是Firefox中的一个bug
问题的关键在于你在一个可点击的元素上显示了一个滚动条，而Firefox并没有像Chrome和IE那样处理这个问题

已经开放近10年了，所以我认为这不会很快得到解决

变通办法
通过稍微重新排列HTML，使溢出应用于
div
，滚动条将在Firefox中正常工作


.container{
宽度：200px；
高度：200px；
溢出y：自动；
/*演示CSS*/
背景：ddd；
浮动：左；
右边距：20px；
边缘底部：20px；
}
/*演示CSS*/
h3{
浮动：左；
宽度：200px；
保证金：0px 20px 0px 0px；
}
h4{
浮动：左；
宽度：200px；
利润率：15px 20px 15px 0px；
}
* {
字体系列：Arial，无衬线；
}


当可滚动容器是带有
href
属性的
标记时，则无法选择滚动条。相反，整个集装箱都在拖拉。这只发生在Firefox中。Edge、Chrome和IE11看起来还不错。


注意：使用鼠标滚轮滚动仍然有效。

href=“#”
href=“javascript:void（0）；”
否href


一排
第2排
第3排
第4排
第5行
第6行
第7排
第8行
第9行
第10行
第11排
第12行
第13行
第14行
第15行
第16行
第17排
第18排
第19行
第20行
第21行
第22排
第23排
第24行
第25行
第26行
第27行
第28行
第29行
第30排
第31行
第32行
第33行
第34行
第35行
第36行
第37排
第38行
第39行
第40行
第41排
第42行
第43排
第44排
第45排
第46行
第47行
第48行
第49行
第50行


✘ 破碎的
✘ 破碎的
✔ 工作
Bummer！应该是一个Firefox错误！它不工作在铬，即，边缘Alsohm我可能会张贴到bugzilla然后。我无法在任何其他浏览器中复制它pathak:sWow 10年：这是一个很好的bug发现。与你的建议类似，我最终选择了替换锚标签。