为什么在div上使用滚轮的时候页面不滚动?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<script type="text/javascript">
window.onload=function(){
document.all.test.onmouseenter=function(){
document.onmousewheel = function(){document.all.test.style.cssText='visibility:visible';}
}
document.all.test.onmouseleave =function(){
document.onmousewheel = null;
}
}
</script>
<body>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
<div style='position:fixed!important;position:absolute;right:0;top:100px;'>
<div id='test'>zzzzz</div id='test'>
</div>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
aaaaaaaa<br>
</body>
</html>
...全文
相关推荐
vue.js-div滚动条隐藏但有滚动效果的实现方法
在Vue.js中,有时候我们可能希望某个div元素拥有固定的可视区域,即使其内容超过这个区域,也不显示滚动条,但用户可以通过鼠标滚轮或特定事件进行上下滚动。这篇文章将介绍如何实现这种div滚动条隐藏但
js实现鼠标滑动到某个div禁止滚动
例如,在一个产品详情页中,可能会有一个放大镜功能的div,当用户滑动放大镜查看产品细节时,希望整个页面不会因为滚轮事件而发生滚动。
鼠标滚轮控制左右滑动
标题所指的这个功能允许用户通过鼠标滚轮来实现页面或某个特定div区域的水平滚动,而不是传统的垂直滚动。这种交互方式为那些需要展示宽幅内容或者横向滚动的网页提供了便利。
jQuery实现鼠标滚轮控制div上下翻动效果
本文介绍了如何使用jQuery实现鼠标滚轮控制div上下翻动的效果。页面分为左右两部分,左侧多个面板可响应滚轮事件滚动,右侧内容保持不变。同时引入了相关样式和脚本文件。
jQuery实现将div中滚动条滚动到指定位置的方法
### jQuery实现将div中滚动条滚动到指定位置的方法知识点总结#### jQuery的滚动方法概述在Web开发中,经常需要对页面元素进行动态操作,其中一项常见的需求是实现滚动条滚动到指定位置的效果


