搜索结果
查询Tags标签： scrollTop，共有 36条记录-
大家都能看得懂的源码之ahooks useInfiniteScroll
本文是深入浅出 ahooks 源码系列文章的第十七篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。 简介useInfiniteScroll 封装了常见的无限滚动逻辑。详细可看官网 注意：这里的无限滚动指的是常见的点击加载更多或者说下拉加载更加功能，而不是虚…
2022/9/5 1:23:00 人评论 次浏览 -
微信小程序 回到顶部按钮滚动到特定位置出现与点击回跳功能
WXML：<!-- 返回顶部悬浮 --><view class="to_top_view" bindtap="toTop" hidden="{{!showToTop}}"><image src="/resources/images/carBuying/to_top.png" mode="widthFix"></image></vie…
2022/6/24 14:19:27 人评论 次浏览 -
查漏补缺——window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop这段代码什么意思？
问题 如题所示，源码如下： let scrollTop =window.pageYOffset ||document.documentElement.scrollTop ||document.body.scrollTop;答案 关于document.body、document.documentElement、window.pageYoffset window.pageyoffset和document.body.scrollTop JavaScript学习笔…
2022/6/23 23:20:38 人评论 次浏览 -
Python+selenium 网页滚动条操作详解
selenium没有控制页面滚动的方法,这时候只能借助Js了，selenium提供了一个操作js的方法: execute_script()，可以直接执行js的脚本。js="var q=document.getElementById(‘id‘).scrollTop=0" driver.execute_script(js） scrollTop是右侧高度滚动,Y轴滚动…
2022/2/18 20:20:22 人评论 次浏览 -
防抖和节流
防抖： 在事件被触发 n 秒后再执行回调，如果在这 n 秒内又被触发，则重新计时。//模拟一段ajax请求 function ajax(content) {console.log(ajax request + content) }let inputa = document.getElementById(unDebounce)inputa.addEventListener(keyup, function (e) {aj…
2022/1/27 23:36:11 人评论 次浏览 -
小程序上滑下滑效果
首先上视频 ，csdn上传视频还要上传到腾讯视频或者B站才能发，太捞了，视频之前录好了，弄成gif图将就看吧。 就像图里展示的那样，我要的是这种效果，滑动一下就进入下个页面，而不是划一下就动一点点。 H5营销页面倒是很经常能看到这种效果。 本人前端菜鸡，百度了好久…
2022/1/24 22:07:05 人评论 次浏览 -
JavaScript 中BOM的常用操作
JavaScript BOM操作 1.获取浏览器窗口尺寸 var width=window,innerWidth //获取可视窗口宽度 var height=window.innerHeight //获取可视窗口高度2.浏览器的弹窗层 window.alert("提示信息") //提示框 无返回值 window.confirm("提示…
2022/1/18 11:04:03 人评论 次浏览 -
JavaScript 中BOM的常用操作
JavaScript BOM操作 1.获取浏览器窗口尺寸 var width=window,innerWidth //获取可视窗口宽度 var height=window.innerHeight //获取可视窗口高度2.浏览器的弹窗层 window.alert("提示信息") //提示框 无返回值 window.confirm("提示…
2022/1/18 11:04:03 人评论 次浏览 -
vue2的scroll监听-下拉记载更多
## vue的scroll监听 *注意！你的容器得有一定高度，或者说能撑出来滚动条* 通常来说是以下这样子的： > 添加原生监听 ```javascript // 添加监听 mounted(){ window.addEventListener("scroll", this.scrollHandle); } ``` > 使用vue官…
2021/11/16 23:42:03 人评论 次浏览 -
vue2的scroll监听-下拉记载更多
## vue的scroll监听 *注意！你的容器得有一定高度，或者说能撑出来滚动条* 通常来说是以下这样子的： > 添加原生监听 ```javascript // 添加监听 mounted(){ window.addEventListener("scroll", this.scrollHandle); } ``` > 使用vue官…
2021/11/16 23:42:03 人评论 次浏览 -
jQuery回到顶部
回到顶部 如果是一瞬间回到顶部，那很简单，但是如果想要平滑的回到顶部，那我们可以先计算出当前滚动条和顶部的位置，然后设置一个时间，表示在这个时间点到达顶部，并且是分多次的，每次设置一定的时间，计算出每次距离之后定时往顶部拉进距离。<!DOCTYPE html> …
2021/11/16 23:40:21 人评论 次浏览 -
jQuery回到顶部
回到顶部 如果是一瞬间回到顶部，那很简单，但是如果想要平滑的回到顶部，那我们可以先计算出当前滚动条和顶部的位置，然后设置一个时间，表示在这个时间点到达顶部，并且是分多次的，每次设置一定的时间，计算出每次距离之后定时往顶部拉进距离。<!DOCTYPE html> …
2021/11/16 23:40:21 人评论 次浏览 -
控制页面动态加载数据 滑动滚动条自动加载事件的方法
$(window).scroll(function () {var scrollTop = $(this).scrollTop();var scrollHeight = $(document).height();var windowHeight = $(this).height();if (scrollTop + windowHeight == scrollHeight) { //此处是滚动条到底部时候触发的事件，在这里写要加载的数据…
2021/11/13 6:10:38 人评论 次浏览 -
控制页面动态加载数据 滑动滚动条自动加载事件的方法
$(window).scroll(function () {var scrollTop = $(this).scrollTop();var scrollHeight = $(document).height();var windowHeight = $(this).height();if (scrollTop + windowHeight == scrollHeight) { //此处是滚动条到底部时候触发的事件，在这里写要加载的数据…
2021/11/13 6:10:38 人评论 次浏览 -
jquery实现返回顶部功能
先来看看效果，当滚动的距离超过蓝色方块的时候，就会显示返回顶部的文字，这时候点击返回顶部就会自动返回顶部<style>body {height: 2000px;}.back {position: fixed;width: 100px;height: 50px;right: 30px;bottom: 100px;display: none;}.container {width: 900…
2021/10/31 23:39:59 人评论 次浏览
