js阻止滚动条事件，js阻止页面刷新

阻止默认事件,滚轮事件与滚动事件

1、默认事件：浏览器页面有很多行为：左击，右击，双击，滚轮事件。

2、(document).addEventListener( scroll， fun， {passive： false} ) 把事件被动监听设置为 false 之后，就可以正常阻止默认事件了。为了手动地使页面平滑滚动到某个高度，需要使用 $.animate({scrollTop： val}) 。

3、如果是在编辑软件中想要阻止鼠标滚轮缩放，可以在对应的软件中进行设置，将其中的智能鼠标缩放功能选项的勾选状态取消即可。

4、.一旦滚动条到底部的时候，滑动鼠标滚轮继续滚动，wheel还是会一直触发，而scroll这时不会触发 3 .可以禁止滚轮滚动 4 .不要将 wheel 事件与[ scroll ]事件混淆。

5、在不想被触发这两种事件的位置添加下面的事件绑定。例如，在弹窗（或者弹窗的背景）上绑定这个方法可以让 webview 不响应用户上下滚动。在轮播图最外层容器上绑定这个方法可以让 webview 不响 webview 的侧滑返回。

相关问答

Q1: js和css如何设置背景全屏图片不受垂直滚动条影响?

打开html开发软件，新建一个html代码页面。在html代码页面的标签里面输入多行段落文字，用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。如图 设置背景图片样式。

第一个是图片左上角相对前景左边框的位置，第二个是图片左上角相对前景上边框的位置。

步骤首先打开需要修改的HTML文件。步骤然后始化样式，将代码添加在标签内。步骤添加一个p容器，然后命名为bg-box步骤背景全屏需要容器全屏，将bg-box的样式补全。步骤设置完毕，图片背景以及全屏了。

fixed表示指定的背景是永远固定的，即：背景图片不随着网页的滚动而滚动。通过此元素设置出的网页效果在当今受到很多网络高手垂青。

Q2: js或者jquery实现div不随滚动条滚动

不用CSS是行不通的，js或jquery做出的效果，也是使用了css中的相关属性。

新建html文档。书写hmtl代码。书写css代码。* { margin： 0； padding： 0； list-style： none； }img { border： none； }body { font-family： Arial， Helvetica， sans-serif； }。书写并添加js代码。

可以把该元素的定位设置为fixed，该元素就会始终在那个位置，不过要注意IE6下不支持固定定位，兼容IE6可以通过JS实现，不过JS实现的是滑动效果，要想在IE6下也实现固定定位那样的效果没办法做到。

fixed； top：0px； left：0px； right：0px；height： 40px；position：fixed；是指定位相对于浏览器窗口， top：0px； left：0px； right：0px，这样的话，DIV就会固定在页面顶部，宽度等于浏览器窗口的宽度，高度自定义。

即使到达底部后，div的位置依旧没有修改。如图所示，这里将div的css样式设置为绝对定位，这里是靠右靠下。然后这里是根据滚动条的滚动设置top或者bottom的值即可实现让DIV固定在页面而不随着滚动条随意滚动。

Q3: js如何阻止页面往下滚动??既阻止scroll事件

你把alert()改成return false；你现在不行是因为执行你的方法后会进行事件冒泡，执行浏览器自带的滚动事件。

一番搜索之后，发现大家的解决办法分为两种。一种就是隐藏滚动条 ，但是这样的话，前台页面会因为滚动条的隐藏和出现而发生宽度的变化。这就使得每次一打开dialog页面就会伸缩。十分难受。

jquery 监听页面滚动使用的方法：.scroll()。新建一个HTML文档，定义的高度。创建JS脚本，使用.scroll() 方法监听页面滚动。如果页面发生滚动，则执行函数，弹出一个hello。

打开一个HTML页面，页面只有一个h标签，并在浏览器打开开发者调试界面。安卓和IOS调试均正常。添加关键函数，滑动时输出字符。

必不可少的一个元素就是蒙层，也就是遮罩层，当弹出层滚动的时候，蒙层底部的页面一般是要求固定不动的，所以这篇文章就来给大家介绍了如何禁止弹窗中蒙层底部页面跟随滚动的几种方法，需要的朋友可以参考下。

Q4: js怎么禁止点击滚动条(仅仅是点击拖动滚动条被禁止,鼠标滚轮是可以用的...

一种就是隐藏滚动条 ，但是这样的话，前台页面会因为滚动条的隐藏和出现而发生宽度的变化。这就使得每次一打开dialog页面就会伸缩。十分难受。第二种 就是不知道从哪儿抄的这种方法。一番修改之后，我也没好用。

可以通过样式overflow-x来控制横向滚动条的出现与否，语法如下：overflow-x：overflow-style overflow-style = visible | hidden | scroll | auto 默认值：visible 取值：visible： 不剪切内容。

可以用js或者css实现。js可以监听鼠标的onscroll滚轮事件，事件内可以阻止鼠标的滚轮默认事件。css可以设置元素的pointer-events属性，设置为none则所有鼠标事件失效。

关于js阻止滚动条事件和js阻止页面刷新的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。