在页面中的div中出现滚动条的时候，当div滚动到滚动底部的时候就会滚动浏览器的滚动条，给用户体验很不好。找到了一个解决方法，貌似兼容ie6…..只是貌似哈哈
1
2
3
4
5
| document.getElementById('ullist').onmousewheel = function(event) {
if (!event) event = window.event;
this.scrollTop = this.scrollTop - (event.wheelDelta ? event.wheelDelta : -event.detail * 10);
return false;
}
|
后面发现不管有没有滚动条都会当鼠标在div区域中就不会滚动页面，这样体验也不好，不知道的人还以为是鼠标坏了呢，就是在div没有滚动条的时候，我们就把那个禁止浏览器滚动去掉就好了，后面就是判断是否有滚动条的时候了，代码如下：
1
2
3
4
5
6
7
8
9
10
11
12
| $("#ullist").scrollTop(10);//控制滚动条下移10px
if( $("#ullist").scrollTop()>0 ){
console.log("有滚动条");
document.getElementById('ullist').onmousewheel = function(event) {
if (!event) event = window.event;
this.scrollTop = this.scrollTop - (event.wheelDelta ? event.wheelDelta : -event.detail * 10);
return false;
}
}else{
console.log("没有滚动条");
}
$("#ullist").scrollTop(0);//滚动条返回顶部
|