JavaScript
为什么在div上使用滚轮的时候页面不滚动?
墨衍会员 · 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滚动条隐藏但有滚动效果的实现方法
组件被包在一个高度固定的div mounted () { var boDiv = document.getElementById(this.id); if(boDiv == undefined){ return; } var isFirefox=navigator.userAgent.indexOf("Firefox") if(isFirefox>0){ boDiv.addEventListener('DOMMouseScroll', function(event) { //火狐 var evt = window.event || arguments[0]
js实现鼠标滑动到某个div禁止滚动
主要为大家详细介绍了js实现鼠标滑动到某个div禁止滚动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
鼠标滚轮控制左右滑动
鼠标滚轮控制div左右滑动 页面左右滑动 鼠标控制左右滚动
jQuery实现鼠标滚轮控制div上下翻动效果
打开页面后，用鼠标滚轮上下滚动时，发现页面并不会滚动，滚动的部分却是div里面的三部分，效果很不错 使用方法： 1、在你的网页head中引入css样式 2、将代码部分拷贝到你的网页中 3、在底部引入四个js即可搞定
jQuery实现将div中滚动条滚动到指定位置的方法
主要介绍了jQuery实现将div中滚动条滚动到指定位置的方法,涉及jQuery结合animate方法动态操作页面元素属性的相关技巧,需要的朋友可以参考下
