E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
scrolltop
当元素滚动到顶部时,固定在顶部。
例中,当.nav-bar滚动到顶部时,固定在顶部:constcTop=$('.nav-bar').offset().top;$(window).scroll(function(){if($(this).
scrollTop
戒烟的不耳
·
2023-08-11 13:48
js
css
html
javascript
jQuery滚动到顶部的方法
//========当整个页面滚动时$(window).
scrollTop
(0)//瞬间滚动到顶部$('html').animate({
scrollTop
:0},2000)//2秒钟动画滚动到顶部//=
Qlittleboy
·
2023-08-11 12:42
web前端
jquery
前端
javascript
点击导航栏页面滚动到指定显示位置及audio样式更改
点击导航栏页面滚动到指定显示位置functionbody_scroll(obj){if(obj=='top'){$('html,body').animate({
scrollTop
:0},1000);returnfalse
wshish000
·
2023-08-11 11:42
Python爬虫——selenium_交互
inputs.send_keys()后退操作:browser.back()前进操作:browser.forword()模拟js滚动:browser.js_bottom='document.documentElement.
scrollTop
错过人间飞鸿
·
2023-08-11 10:23
Python爬虫
python
爬虫
selenium
uniapp 左右滑动切换页面并切换tab
所以需要swiper,swiper-item,scroll-view组合使用tab栏部分{{item.name}}tab栏点击切换,需要重新调取数据tabSwitch(item,index){this.
scrollTop
北京的北京
·
2023-08-11 05:59
uni-app
浅析无限滚动加载
监听滚动事件这一种兼容性比较强,但是处理较为繁琐,有时还要搭配防抖一起使用,前置知识为clientHeight:表示外围div的高度,即可视高度offsetHeight/scrollHeight:表示内容的高度
scrollTop
摸鱼头领
·
2023-08-10 23:03
el-dialog设置滚动条不生效记录【草稿版,待优化】
目录前言一、
scrollTop
是什么?
老衲的少女心i
·
2023-08-10 17:01
vue.js
elementui
javascript
懒加载
写一个函数isVisible实现functionisVisible($node){varwinHeight=$(window).height();varscrHeight=$(window).
scrollTop
白柏更好
·
2023-08-10 07:35
vue页面设置滚动失败的解决方案(
scrollTop
一直为0)
vue页面设置滚动失败的解决方案(
scrollTop
一直为0)背景希望页面能跳转到某一位置用到了
scrollTop
属性。可是发现给某个div设置该属性后,一致为0。
前端李十三
·
2023-08-09 05:13
前端
javascript
css
html
开发语言
【快应用】list组件如何区分滑动的方向?
【问题分析】list组件除了通用事件之外,还提供了scroll、scrollbottom、
scrolltop
、scrollend、scrolltouchup事件,对应的描述如下图所示:要想知道list组件的滑动方向
Mayism123
·
2023-08-08 12:53
list
华为
javascript
jquery中添加滚动事件判断是否到底部做分页处理
//到没到页面底部父盒子高度固定(.father)子盒子(.son)内容自动撑开functionisScrollToPageBottom(){varscrollTop=$('.father').
scrollTop
qq_43351249
·
2023-08-08 01:45
jquery
前端
javascript
scrollTo代替锚点定位并且通过scroll事件让滚动时导航栏始终可见
语法:winodw.scrollTo(x,y)html页面布局模块一模块二模块三模块四模块五模块六首先我们设置
scrollTop
为滚动条到窗口顶端的距离constscrollTop=window.pageYOffset
夺命小猪宝
·
2023-08-07 17:25
JS-点击按钮页面滚动到顶部,底部,指定位置
$('.scroll_top').click(function(){$('html,body').animate({
scrollTop
:'0px'},800);});//页面滚动至顶部$('.scroll_a
做个优秀的代码搬运工
·
2023-08-07 17:30
vue-virtual-scroller的使用,展示巨量数据,长列表优化,虚拟列表
一、原理计算显示区域的高度(或宽度)和显示区域的起始位置(
scrollTop
或scrollLeft)根据每个元素的尺寸和总数目,计算出整个列表的高度(或宽度)显示区域的高度(或宽度)和每个元素的尺寸,计算出一页能够显示的元素的数量
muzidigbig
·
2023-08-07 03:07
vue性能优化
前端面试题
vue.js
vue性能优化
渲染10万条数据
移动端商品分类左右联动
item.name}}{{item1.name}}{{item2.name}}import{handleTree}from"@/utils/common.js"exportdefault{data(){return{
scrollTop
一只大菜鸟J
·
2023-08-06 13:22
前端
javascript
css
JS获取页面滚动距离
JS获取页面滚动距离1,element.
scrollTop
2,window.scrollY和window.pageYOffset3,获取页面滚动距离1,element.
scrollTop
获取或设置一个元素的内容垂直滚动的像素数
下雪天的夏风
·
2023-08-06 12:44
js
javascript
前端
css
css3
吸顶效果
*/functionceiling(obj){varot=obj.offsetTop;document.onscroll=function(){varst=document.body.
scrollTop
中建云筑股份有限公司
·
2023-08-05 04:57
移动端网页div下滑消失、上滑出现(附带闪烁效果)
//距离顶部的距离consttop=ref(0)//图标向上还是向下滑动constIconShow=ref(true)//滑动监听,注意如果只有document.documentElement.
scrollTop
静止呀
·
2023-08-04 23:05
Vue
vue.js
[selenium]实现鼠标滚轮事件
第一种:js="varq=document.documentElement.
scrollTop
=10000"driver.execute_script(js)在w3c中是这样定义的
scrollTop
()
Franckisses
·
2023-08-04 16:41
js获取页面元素距离浏览器工作区顶端的距离
和firefox,实际上我工作中用到的最多的是chrome)网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度)(javascript)document.documentElement.
scrollTop
咸鱼plus
·
2023-08-03 15:31
vue3页面点击按钮滚动条置顶、tabs滚动监听亮显、点击锚点跳转整合
exportdefaultfunctionuseBackTop(){constscrollTop=ref(0);constbackTopFlag=ref(false);constscrollToTop=()=>{
scrollTop
.value
左又
·
2023-08-02 14:06
前端
javascript
vue.js
前端PDF导出,使用html2Canvas和jsPDF插件
exportfunctiondownloadPDF(dom,filename){constscale=2;window.pageYOffset=0;//滚动到顶部,避免打印不全document.documentElement.
scrollTop
枫沂
·
2023-08-02 10:38
前端
pdf
历史回退的时候保持原有的滚动
虽然改了
scrolltop
,但是历史回退的时候保持原有滚动个if('scrollRestoration'inhistory){history.scrollRestoration='manual';}
进击的前端
·
2023-07-31 02:40
document.documentElement.
scrollTop
在安卓上失效解决方案
解决办法:consttop=document.documentElement.
scrollTop
||document.body.
scrollTop
;
黎轩栀海
·
2023-07-29 06:55
前端
vue element-ui el-table 的滚动条联动效果
需求效果如图所示,可以上下或者左右思路:鼠标控制Atable滚动条的时候,把scrollLeft或者
scrollTop
赋给Btable,反之Btable赋给Atable,一:下面是页面直接展示情况下的写法
✧* ꧁柠檬ヤ汽水꧂✧*
·
2023-07-28 23:36
vue.js
elementui
javascript
elementUI el-table 默认滚动条在表格的最底部
elementUI框架,获取不到表格里面的某个元素的id,但是el-table里有个bodyWrapper它指向的是el-table的表格内容部分,存在
scrollTop
,scrollHeight属性,
_格鲁特宝宝
·
2023-07-28 23:33
Vue
Element
UI
Web
FrontEnd
elementui
前端
滚动条在最底部
el-table
el-table
滚动条
vue 滚动导航置顶
一个代表滚动条滚动的距离,一个代表div距顶部的距离;2、通过监听scroll来判断滚动条滚动的距离是否大于div距顶部的距离;3、页面销毁的时候要清除点scoll事件;handleScroll(){this.
scrollTop
前端又又
·
2023-07-26 15:21
【H5开发】iphone 手机的input输入框之后,页面会被顶上去。
input失去焦点的时候会触发方法:blur(){setTimeout(function(){varscrollHeight=document.documentElement.
scrollTop
||document.body.
scrollTop
工作让我快乐
·
2023-07-26 05:16
UNI-APP_uni-app获取滚动条距离页面顶部位置,uni-app设置距离顶部位置
获取滚动轴距离页面顶部距离:onPageScroll生命周期函数onPageScroll(res){console.log(res.
scrollTop
);//距离页面顶部距离},官方文档APIhttps
小歪 | 前端
·
2023-07-25 21:36
#
UNI-APP
手写懒加载
constimgs=document.querySelectorAll('img');functionlazyload({//浏览器滚动的过的距离constscrollTop=document.body.
scrollTop
Ranye123
·
2023-07-25 16:58
前端
javascript
html
vue中@scroll的使用与报错处理
使用步骤:1、template....2、js中onScrollFun(e){//获取滚动条离顶部的距离//lettop=e.target.
scrollTop
;//滚动条距离底部的距离scrollBottomletscrollBottom
妍崽崽@
·
2023-07-24 17:51
vue
vue.js
javascript
前端
js控制div内的滚动条的位置
//d1是外层div,带滚动条2222document.getElementById('d1').
scrollTop
=100;//通过
scrollTop
设置滚动到100位置document.getElementById
Paul_Chan_
·
2023-07-24 05:09
js
锚点滑动
项目$(function(){//锚点跳转滑动效果$("a").click(function(){$("html,body").animate({
scrollTop
:$($(this).attr("href
明月888
·
2023-07-24 02:46
vue下拉刷新 节流防抖
pageIndex:1,页面下来的页数flag:true,节流};},//页面下拉加载asyncloading(){console.log("页面滚动距离的高",document.documentElement.
scrollTop
为了_理想
·
2023-07-23 05:05
JS 实现的吸顶效果
header.offsetTop;//获取元素原来的位置window.addEventListener('scroll',function(){varscrollTop=document.documentElement.
scrollTop
小小优化师 anny
·
2023-07-22 18:18
java
前端
tomcat
window.
scrollTop
不生效的原因,如何解决
问题描述当我想要在移动端项目中设置返回顶部按钮时,需要用到window.scrollTo()这个函数,但是我在设置点击事件后返回顶部不生效。constIndex=(props:Props)=>{letbackTop=()=>{window.scrollTo({top:0,behavior:'smooth'});}return({data.map((item,index)=>({item}))}^)
范德萨_
·
2023-07-22 17:23
JavaScript
前端
前端
javascript
vue:元素滚动到底部触发事件,隐藏滚动条及滚动条显示和隐藏切换
一、设置一个div元素,绑定滚动事件@scroll="scrollEvent"二、在methods中描述滚动事件scrollEvent(e){if(Math.ceil(e.srcElement.
scrollTop
安安安安安沅
·
2023-07-22 13:36
vue
vue
JS获取盒子定位或宽高的方法,你知道几个?
目录一、我知道的有以下这些二、scrollWidth、scrollHeight、
scrollTop
、scrollLeft1、scrollWidth、scrollHeight(仅可读)2、
scrollTop
三水木雨
·
2023-07-21 18:50
html
前端
javascript
css
组件吸顶功能实现
吸顶功能实现记录主要用的是
scrolltop
的距离来控制是否将组件定位改为fix,只需要用原生js即可实现。我们在vue中使用。
阿猪_341c
·
2023-07-21 10:22
【JS】设置滚动属性默认自动滚动到底部(overflow:scroll;)
文章目录核心代码应用场景核心代码设置滚动属性默认自动滚动到底部://获取设置了滚动属性的div标签constdiv=document.getElementById('conversationalDiv');//设置滚动的顶点坐标为滚动的总高度div.
scrollTop
一颗不甘坠落的流星
·
2023-07-19 22:24
工作随记
javascript
前端
开发语言
selenium模拟拖动垂直滚动条
fromseleniumimportwebdriverimporttimedefscroll():driver=webdriver.Chrome()js="document.documentElement.
scrollTop
飞飞飞段啊
·
2023-07-19 01:07
把一个页面的内容导出为canvas类型的一个图片
consthandleOk=(values)=>{visible.value=false;printOut('导出告知卡')};constprintOut=(name)=>{document.body.
scrollTop
iiiilooaixuud
·
2023-07-18 20:11
前端
那些不用js也能实现的效果
本文首发于公众号:GitWeb,欢迎关注本文列举几个不需要使用js也能实现的效果一、页面回到顶部回到顶部是页面开发中很常见的一个功能,一般的做法是对回到顶部组件做一个监听,当用户点击的时候,设置body的
scrollTop
胖头鱼不吃鱼-
·
2023-07-18 11:46
前端
javascript
css
html
ios兼容 input输入时弹出键盘框 页面整体上移键盘框消失后在ios上页面不能回弹的问题
IOS设备中的微信内部浏览器html:JS:focus:function(){this.
scrollTop
=document.scrollingElement.
scrollTop
;},blur:function
兔子丶哥
·
2023-07-18 07:30
滚动条滚动到指定位置(锚点)的不同实现方式
1.标签锚点Menu1Menu2Content1Content22.原生js去获取并修改
scrollTop
一般用于固定页面元素的锚点设置,或者设置返回顶部按钮//通过element.
scrollTop
来获取当前元素滚动条高度
奔跑的程序媛A
·
2023-07-17 23:07
实现懒加载的四种方式
个人封装常用方法工具包:https://github.com/lihai-boop/tool文章已收录:https://github.com/lihai-boop/Blog1.滚动距离计算offsetTop,
scrollTop
凌览1
·
2023-07-17 19:37
前端
html5
html
javascript
笙默考试管理系统-MyExamTest(4)
笙默考试管理系统-MyExamTest四、笙默考试管理系统-MyExamTest五、笙默考试管理系统-MyExamTest笙默考试管理系统-MyExamTestifShow:function(){if($win.
scrollTop
N201871643
·
2023-07-17 11:16
笙默考试管理系统
javascript
移动端h5页面输入框被遮挡的问题
www.cnblogs.com/dongcanliang/p/7383508.html例外一种方法:解决方案在input获得焦点或者单击事件里面添加setTimeout(function(){document.body.
scrollTop
qq_36934775
·
2023-07-16 21:38
移动端
移动端问题
jq获取滚动条滚动的高度
$(function(){win.scroll(function(){if(sc.
scrollTop
()>=950){//console.log("滚动距
键指江湖
·
2023-07-16 09:11
jquery
uniapp scroll-view 回到顶部
scroll-top属性scroll-top设置只是设置scroll-top时不好使的,这里需要注意@scroll方法//template滚动区域//scriptexportdefault{data(){return{
scrollTop
拿回忆下酒
·
2023-07-16 08:56
scroll-view
uniapp
scroll-view
回到顶部
uni-app
javascript
前端
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他