Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 内容及其滚动条_Javascript_Scrollbar - Fatal编程技术网

Javascript 内容及其滚动条

Javascript 内容及其滚动条,javascript,scrollbar,Javascript,Scrollbar,类似这样的html(css:width:200px;height:100px;overflow:auto;): 众所周知,当我们拖动滚动条时,内容会上下滚动 问题是:我不希望在拖动滚动条时内容向上或向下滚动(因为我希望在拖动滚动条时内容按照我的规则滚动)。我可以使用javscript解决这个问题吗?添加溢出:隐藏规则到文本容器中您可以在滚动条上添加一个透明的div。这应该可以防止它被拖拽,但仍然允许通过键盘交互滚动内容。在css中,只有溢出隐藏才能使其滚动 overflow: hidden

类似这样的html(css:width:200px;height:100px;overflow:auto;):

众所周知,当我们拖动滚动条时,内容会上下滚动


问题是:我不希望在拖动滚动条时内容向上或向下滚动(因为我希望在拖动滚动条时内容按照我的规则滚动)。我可以使用javscript解决这个问题吗?

添加
溢出:隐藏
规则到文本容器中您可以在滚动条上添加一个透明的div。这应该可以防止它被拖拽,但仍然允许通过键盘交互滚动内容。

在css中,只有溢出隐藏才能使其滚动

overflow: hidden

为什么不通过css删除滚动条?如果你不想在拖动时内容上下滚动,为什么首先要滚动条?@VincentHogendoorn因为我希望在拖动滚动条时内容按照我的规则滚动。你的解决方案可以做到。我有一个解决方案,我在content div之后放了一个新的brother div,在content div中添加'overflow:hidden',并更改新div的高度,这样我就可以模拟一个新的滚动条来控制内容。