原文:监听页面中的某个div的滚动事件,并将其滚动距离保存到cookie

在html中,写一个id为type的div: css: 当里面的内容超过高度时,div会出现滚动条,监听这个div的滚动事件: 在handleScroll 函数中,获取这个div的滚动距离,并将其保存到cookie setCookie函数看上一篇博文 : 要想在页面一打开就让这个div自动滚动到上次滚动的位置,要这样写 getCookie函数看上一篇博文 : 这样只要div有滚动,再刷新该页面就能 ...

2022-03-09 14:39 0 1520 推荐指数:

查看详情

vue监听页面的某个div滚动事件,并判断滚动的位置

在开发中常常会遇到这样一个vue页面页面分为左右两部分,左边是目录树,右边是一个类名为xq-box的div,在xq-box多个div上下并列布局,每个div的内容就对应着左边目录树的相应节点,现在的目标是,要监听这个xq-box滚动事件,右边一旦开始滚动,就要知道滚动到哪个子 ...

Fri Mar 18 01:03:00 CST 2022 0 4459
监听页面滚动事件

  不知大家在前端开发实践中有没有做过这样一个效果,就是页面布局中有一个顶部通栏的搜索登录框,我们的需求就是当鼠标向下滚动时,顶部通栏始终固定在顶部,并且默认顶部是透明背景,而当页面滚动时,顶部通栏的透明度随着页面卷曲的高度增加而变大,当页面滚动距离超过某一个高度时,透明度就固定不变了。顶部通栏 ...

Thu May 16 22:54:00 CST 2019 0 11022
监听页面滚动事件

  不知大家在前端开发实践中有没有做过这样一个效果,就是页面布局中有一个顶部通栏的搜索登录框,我们的需求就是当鼠标向下滚动时,顶部通栏始终固定在顶部,并且默认顶部是透明背景,而当页面滚动时,顶部通栏的透明度随着页面卷曲的高度增加而变大,当页面滚动距离超过某一个高度时,透明度 ...

Fri Aug 21 19:10:00 CST 2020 0 1997
jq监听页面滚动事件

$(document).scroll(function() { var scroH = $(document).scrollTop(); //滚动高度 var viewH = $(window).height(); //可见高度 ...

Wed Jun 12 23:49:00 CST 2019 0 3479
vue监听滚动事件,通过事件控制其他div滚动,固定表头和列

1.首先要有一个div出现滚动条,比如我想做的内容如下图: 我的需求是(1)通过横向滚动div4,控制2的横向滚动,1和3固定不动(2)纵向滚动4,控制1和3的纵向滚动,2固定不动 布局方面不好讲,代码太多,此处省略,简单的描述来说就是2和4需要滚动的内容宽度要一样,既然需要滚动,那么里面 ...

Thu May 21 18:59:00 CST 2020 0 3242
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM