我遇到滚动条的问题,当我试图将div元素移动到屏幕的底部时(使用onmousedown,onmousemove,onmouseup函数)滚动条开始向下滚动,它看起来像溢出,如何使滚动条不向下移动而我将元素移动到底部并仅在有文本溢出或者像某样的情况下滚动?任何想法??
答案 0 :(得分:0)
切换<html>
和<body>
上的CSS类,在移动元素时将overflow
属性设置为hidden
。
不太确定您的实现看起来如何,但这些内容如下:
.whileMoving {
overflow:hidden;
}
var foo = document.getElementById('yourDiv'),
html = document.getElementsByTagName('html')[0],
body = document.getElementsByTagName('body')[0];
foo.addEventListener('onmousedown', function(){
body.className = "whileMoving";
html.className = "whileMoving";
},false);
// Then, remove the class on mouse up.
foo.addEventListener('onmouseup', function(){
body.className = "";
html.className = "";
},false);