文档章节

body中某个div滚动,防止冒泡到body滚动

chro008
 chro008
发布于 2018/01/19 15:19
字数 81
阅读 46
收藏 0

方案1:当鼠标移入div时,设置body的overflow为hidden,移出时候,设置overflo为auto

方案2:

 div.on("mousewheel", ".nav-menus", function (e) {
        $(this).scrollTop($(this).scrollTop() - e.originalEvent.wheelDelta);
        return false;
    });

参考代码

document.getElementById('side').onmousewheel = function(event) { 
if (!event) event = window.event; 
this.scrollTop = this.scrollTop - (event.wheelDelta ? event.wheelDelta : -event.detail * 10); 
return false; 
}

来源:v2eX @abelyao

本文转载自:https://www.v2ex.com/t/141121

chro008

chro008

粉丝 5
博文 46
码字总数 19512
作品 0
海淀
程序员
私信 提问
如何让DIV固定在页面的某个位置而不随着滚动条随意滚动

这里稍微总结一下,那就是利用JavaScript脚本,从浏览器中获取各个关于位置的参数,然后将其计算后,定位在窗体的右下角。可以承认,这个方法确实是比较自然的想法,也是很常见的方法,但是这...

underA
2013/03/05
128
0
javascript的事件

javascript的事件 事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。而 javaScript 与 HTML 之间的交互是通过事件实现的,可以使用侦听器(或处理程序)来预订事件,以便事件发生时执...

GITTODO
2016/03/08
67
0
jquery滚动/跳转页面到指定位置的实现思路

还有一个方法通过jQuery的aminate动画方法也可以做,我贴出代码 ...这里是很多文字,把页面撑开,撑出滚动条... 滚动到这里 隐藏之后滚动到这里...再加点文字... OK,成功!这个方法有个好处,...

gutaotao1989
2017/12/20
0
0
IE6的JS下fixed的常见解决办法

IE7已经支持position:fixed了,而我们的IE6呢?还继续使用js事件?消耗资源,破坏结构,画面闪耀。 第一种方法:纯CSS 目前网上有的比较多的是这种解决方案(纯CSS): 代码如下: html{over...

菊花为谁开
2011/03/31
2.5K
0
完美解决H5滚动滑动穿透方案:不使用系统滚动

网上有很多黑科技解决这个问题,都不是从根本去解决,例如通过js控制弹出时html加上position:fixed; 弹窗关闭后再去掉该样式,总觉得不太对,像是打补丁。 今天终于找到了滚动穿透的原因和完...

未来cc
10/15
13
0

没有更多内容

加载失败,请刷新页面

加载更多

前端技术之:Prisma Demo服务部署过程记录

安装前提条件: 1、已经安装了docker运行环境 2、以下命令执行记录发生在MackBook环境 3、已经安装了PostgreSQL(我使用的是11版本) 4、Node开发运行环境可以正常工作 首先需要通过Node包管...

popgis
今天
5
0
数组和链表

数组 链表 技巧一:掌握链表,想轻松写出正确的链表代码,需要理解指针获引用的含义: 对指针的理解,记住下面的这句话就可以了: 将某个变量赋值给指针,实际上就是将这个变量的地址赋值给指...

code-ortaerc
今天
4
0
栈-链式(c/c++实现)

上次说“栈是在线性表演变而来的,线性表很自由,想往哪里插数据就往哪里插数据,想删哪数据就删哪数据...。但给线性表一些限制呢,就没那么自由了,把线性表的三边封起来就变成了栈,栈只能...

白客C
今天
43
0
Mybatis Plus service

/** * @author beth * @data 2019-10-20 23:34 */@RunWith(SpringRunner.class)@SpringBootTestpublic class ServiceTest { @Autowired private IUserInfoService iUserInfoS......

一个yuanbeth
今天
5
0
php7-internal 7 zval的操作

## 7.7 zval的操作 扩展中经常会用到各种类型的zval,PHP提供了很多宏用于不同类型zval的操作,尽管我们也可以自己操作zval,但这并不是一个好习惯,因为zval有很多其它用途的标识,如果自己...

冻结not
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部