阻止浏览器滚动条滚动

function handler(e){ //这里必须加参数e,否则firefox不兼容    e = e ? e : window.event;    if(document.addEventListener){        e.preventDefault();    }else{        e.returnValue = false;    }}var mousewheelevt=(/Firefox/i.test(navigator.userAgent))?"DOMMouseScroll": "mousewheel"//FF doesn‘t recognize mousewheel as of FF3.xif(document.attachEvent){//if IE (and Opera depending on user setting)    document.attachEvent("on"+mousewheelevt, handler);}else if(document.addEventListener){ //WC3 browsers    document.addEventListener(mousewheelevt, handler, false);}

				
时间: 2024-10-04 06:08:16

阻止浏览器滚动条滚动的相关文章

禁止浏览器滚动条滚动,但滚动条可以显示

最近写一个类似土豆播放器选集数的滚动条,需要的效果是当鼠标位于选择集数的div中时只能滚动该div的滚动条,但是浏览器滚动条禁止滚动~ 网站找了很多方法都是直接隐藏滚动条,最终找到下面方法 代码: var keys = [37, 38, 39, 40]; function preventDefault(e) { e = e || window.event; if (e.preventDefault) e.preventDefault(); e.returnValue = false; } fun

js防抖和节流优化浏览器滚动条滚动到最下面时加载更多数据

防抖和节流,主要是用来防止过于平凡的执行某个操作,如浏览器窗口变化执行某个操作,监听某个input输入框keyup变化,瀑布流布局时Y轴滚动,图片加载. js函数的防抖 经过一段事件才执行某个操作,如果时间内又执行了该操作则延长时间重新开始计算 /* 不做处理input触发keyup事件 */ /* 输入快的话会出现输出结果多次重复 */ window.onload = function () { let obj = document.getElementById('input') obj.ad

浏览器滚动条滚动

1.浏览器滚动条滚动到页面顶部 document.body.scrollTop = 0 2.浏览器滚动条滚动到页面底部 document.body.scrollTop = document.body.scrollHeight 原文地址:https://www.cnblogs.com/wpp281154/p/11356498.html

Selenium-测试对象操作之:获取浏览器滚动条滚动距离

#encoding=utf-8from selenium import webdriverimport time,os driver = webdriver.Chrome() #打开网页 driver.get('https://www.baidu.com/') driver.maximize_window() #网页可视区高js = "var q=document.body.clientHeight;return(q)" Visual_area_height=driver.execut

angular浏览器滚动条滚动到指定element 触发事件

angular.module('app').directive('ScrollTrigger', () => { return { restrict: "A", link:function ($scope,$element,$attrs,$controller) { function debounce(fn, delay) { let timer = null; return function () { let context = this; let args = argumen

asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)

自从腾讯微博上线以来,基本上就开始用了,一直到现在,作为一个开发人员,也看到了腾讯微博一直在不停的改变,也不知道大家有没有发现,腾讯微博提供两种加载数据的方式,一种是分页,一种是滚动浏览器滚动条加载数据,分页功能我想大家都做得太多了,今天我与大家分享一下我用滚动条滚动加载数据,小生不才,还望各位大侠指教,呵呵~ 下面开讲: 首先说一下思路,我用的是Jquery,然后通过Jquery的ajax()方法通过 HTTP 请求加载远程数据来实现的,用到Jquery,首先要应用jquery.min.js类

div固定在浏览器的最上方,不随滚动条滚动

1 #topDIV { 2 position: fixed; 3 top: 0; 4 z-index: 10000; 5 width: 100%; 6 height: 35px; 7 border-bottom: 1px solid #eee; 8 background-color: #f5f5f5; 9 } 把div固定在浏览器的最上方,不随滚动条滚动,类似百度.淘宝的上方.

js 禁止|阻止滚动条滚动

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Ty

JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome

今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色.但是css只能是改变IE浏览器的颜色,而且CSS不能做到改变火狐浏览器的样式和颜色.所以只能是通过JavaScript来实现了.也有插件可以做到.我分享一下我自己使用原生JavaScript实现的思路.先上个图看下效果: JavaScript实现的思路就是模拟浏览器自身滚动条.我制作的思路是先将整个文档放在一