为什么在div上使用滚轮的时候页面不滚动?

iltie iltie 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
<!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滚动条隐藏但

weixin_38524871

js实现鼠标滑动到某个div禁止滚动

例如,在一个产品详情页中,可能会有一个放大镜功能的div,当用户滑动放大镜查看产品细节时,希望整个页面不会因为滚轮事件而发生滚动。

weixin_38616809

鼠标滚轮控制左右滑动

标题所指的这个功能允许用户通过鼠标滚轮来实现页面或某个特定div区域的水平滚动,而不是传统的垂直滚动。这种交互方式为那些需要展示宽幅内容或者横向滚动的网页提供了便利。

fskds

jQuery实现鼠标滚轮控制div上下翻动效果

本文介绍了如何使用jQuery实现鼠标滚轮控制div上下翻动的效果。页面分为左右两部分,左侧多个面板可响应滚轮事件滚动,右侧内容保持不变。同时引入了相关样式和脚本文件。

weixin_38539018

jQuery实现将div中滚动条滚动到指定位置的方法

### jQuery实现将div中滚动条滚动到指定位置的方法知识点总结#### jQuery的滚动方法概述在Web开发中,经常需要对页面元素进行动态操作,其中一项常见的需求是实现滚动条滚动到指定位置的效果

weixin_38502814
评论 5
收藏 已收藏
分享
返回顶部
iltie
JavaScript 87,984 成员 224,681 内容