0

我的滚动条出现问题,当我试图将 div 元素移动到屏幕底部时(使用 onmousedown、onmousemove、onmouseup 功能)滚动条开始向下滚动,看起来像溢出,如何在我移动元素时使滚动条不向下移动仅当文本或类似的东西溢出时才滚动底部和滚动?任何想法??

4

1 回答 1

0

打开一个 CSS 类,<html>并在移动元素时将<body>属性设置为overflowhidden

不太确定您的实现看起来如何,但大致如下:

CSS

.whileMoving { 
    overflow:hidden;
}

Javascript

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);
于 2013-05-23T23:31:10.493 回答