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
H5-iOS常见问题以及解决办法
输入,键盘弹起,后来键盘看似落下去了,实则依然存在,造成下面的按钮点不动解决办法:$('#userName').on('blur',function(){$("body,html").animate({
scrollTop
刘宏儿
·
2023-10-12 14:24
vue3使用keep-alive处理返回
scrollTop
1、使用keep-alive进行缓存页面激活的时候会触发onActivated;如果存在多级的router-view,需要在每一级写上上面的缓存代码。2、路由的scrollBehaviorscrollBehavior:(to,from,savedPosition)=>{if(savedPosition)returnsavedPosition;return{left:0,top:0};}
LemonTree7
·
2023-10-11 16:16
element-ui table 设置表格滚动条位置
代码: ...exportdefault{data(){return{ //表格滚动条位置
scrollTop
:0}}, mounted(){//监听滚动条的位置 this.
小志哥斯拉
·
2023-10-11 07:49
Vue
vue
elementui
element-ui——el-table 组件设置滚动位置
$refs.tableList.bodyWrapper.
scrollTop
=0;3.设置滚动至底部this.$refs.tableList.bodyWrapper.
scrollTop
=this.
dbt@L
·
2023-10-11 07:18
Element
UI
div滚动到顶部或者底部触发分页查询方法
如聊天界面,滚动到顶部触发分页:div标签里添加滚动事件:@scroll.passive="getScrollUser($event)"方法:getScroll(event){if(event.target.
scrollTop
飞流银河
·
2023-10-10 23:17
前端
java
前端
javascript
JS 平滑滚动顶部
滚动到顶部:$('.scroll_top').click(function(){$('html,body').animate({
scrollTop
:'0px'},800);});滚动到指定位置
我只是一个小前端
·
2023-10-10 13:37
vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
router.afterEach((to,from,next)=>{window.scrollTo(0,0);});或者://路由跳转后,页面回到顶部router.afterEach(()=>{document.body.
scrollTop
默然_f5f0
·
2023-10-09 02:54
javascript 如何判断一个元素是否在可视区域中?
我们经常需要判断目标元素是否在视窗之内或者和视窗的距离小于一个值(例如100px),从而实现一些常用的功能,例如:图片的懒加载列表的无限滚动计算广告元素的曝光情况可点击链接的预加载实现方式判断一个元素是否在可视区域,我们常用的有三种办法:1、offsetTop、
scrollTop
2
幸宇
·
2023-10-08 05:01
js回到顶部
//回到顶部jstoTop(){//获取点击那一刻的
scrollTop
值letscrollTop=document.getElementById("app").
scrollTop
;lett=setInterval
console.log('D')
·
2023-10-07 19:07
前端
javascript
html
遇到的js语句
window.pageYOffset:Netscape属性,指的是滚动条顶部到网页顶部的距离document.body.
scrollTop
对于没有doctype声明的页面里可以使用document.body.
scrollTop
小鬼bustern
·
2023-10-07 16:21
JavaScript
javascript
css
vue.js
Vue 返回缓存页 回到上次浏览位置
){returnsavedPosition}else{if(from.meta.keepAlive){from.meta.savedPosition=document.documentElement.
scrollTop
西木木亢
·
2023-10-06 19:02
监测滚动到底部事件 react 自定义hook实现
与滚动最为相关的属性是
scrollTop
属性,即滚动条滚动的距离。
mudssky
·
2023-10-06 06:32
vue 页面操作完后回滚到顶部
搜索了一下官网,说是用
scrollTop
,可是用this.$refs.form.
scrollTop
怎么也不生效,后来用费了点功夫终于生效,代码如下:this.
A阿姗
·
2023-10-05 23:44
jq让滚动条到底部
vardiv=$(".chatmsgbox")[0]div.
scrollTop
=$("#conbox")[0].scrollHeight;chatmsgbox为父级divconbox为子级若使用vue默认显示需要在这两句代码外面包裹一层
power__c081
·
2023-10-03 13:59
前端下载二维码、图片、截取页面等皆可用
importhtml2Canvasfrom"html2canvas";functionsaveImg(val,name){window.pageYoffset=0;document.documentElement.
scrollTop
Aurora_9e36
·
2023-10-03 00:05
自己写的一个固定表头JS函数
//用于固定表头//固定表头使用方法:/*1.添加固定表头容器控件divHeader*top:expression(this.offsetParent.
scrollTop
-82)数字82是该表头到页面顶部的距离
大葫芦肚子
·
2023-09-30 12:01
HTML
header
object
class
null
border
div
如何在JavaScript中获取元素的滚动位置
Onceyouhavetheelement,youcaninspectitsscrollLeftandscrollTopproperties.拥有元素后,就可以检查其scrollLeft和
scrollTop
cuk0051
·
2023-09-30 05:14
js
java
javascript
css
python
ViewUI
uniapp 顶部滑动状态栏加背景色
变量isShowBarHeight:false,//头部是否展示背景色iStatusBarHeight:0,方法onPageScroll(e){//传入
scrollTop
值并触发所有easy-loadimage
张媛的博客
·
2023-09-28 18:40
uniapp
前端
前端
Vue表格滚动到页面顶部,表头固定
大致思路:监听页面根元素的滚动事件,判断表格节点距页面顶部的距离offsetTop减去被表格被卷的高度
scrollTop
是否大于零,大于零,未到页面顶部,隐藏自定义表头,小于零,将自定义表头展示出来j
山楂树の
·
2023-09-28 18:39
html
前端
uniapp小程序—切换页面后回到顶部
头部组件根据页面滑动距离进行改变,当我滑动到一定距离时,切换其他tabbar页面时,滑动了高度被继承了,导致当前页面的头部样式出现问题;【解决方案】1.onHide(){uni.pageScrollTo({
scrollTop
看点博客
·
2023-09-28 18:39
uniapp-小程序
uni-app
小程序
前端
uniapp 顶部固定 下部滑动
方法1xxxxxxxxABCexportdefault{data(){return{
scrollTop
:0,old:{
scrollTop
:0}}},methods:{upper:function(e){
az44yao
·
2023-09-28 18:09
前端
html
你应该知道的兼容写法
1.滚动条varscrollTop=document.documentElement.
scrollTop
||document.body.
scrollTop
;console.log(
scrollTop
);
zhengshilin
·
2023-09-26 07:57
关于
scrollTop
的问题
使用document.documentElement.
scrollTop
和document.body.
scrollTop
的问题:Google、360极速、ie、火狐、欧朋、QQ浏览器:document.body.
scrollTop
酷酷的小k
·
2023-09-25 18:15
如何通过JQuery将DIV的滚动条滚动到指定的位置
varcontainer=$('div'),scrollTo=$('#row_8');container.
scrollTop
(scrollTo.offset().top-container.offs
杀个程序猿祭天
·
2023-09-24 07:43
vue滚动区域内鼠标划过滚动暂停,划出继续滚动
再次点击继续滚动))https://blog.csdn.net/weixin_43245095/article/details/107982250实现方法:主要通过setInterval定时器来改变滚动条
scrollTop
small_Sun
·
2023-09-24 02:11
uniapp实现导航栏随着滚动淡入淡出效果
实现思路:默认导航栏其实一直存在,只需初始时把导航栏透明度设为0,随着滚动,改变透明度即可onPageScroll(res){//获取距离顶部距离constscrollTop=res.
scrollTop
当小怪兽遇见大白
·
2023-09-24 01:44
前端
vue.js
javascript
uniapp滚动页面改变背景颜色
exportdefault{data(){return{bgColor:'#fff'//初始背景色为白色}},methods:{onScroll(e){//获取滚动条位置constscrollTop=e.detail.
scrollTop
&ACE&
·
2023-09-24 01:13
uni-app
uni-app, 实现 scroll-view 自动滚动到底部,并控制触发频率
scroll-view滚动到底部,只需要让scroll-top=scroll-view内容高度-scroll-view容器本身高度,如图:代码示例HTMLscroll-view固定高度,允许纵向滚动,
scrollTop
天边月_
·
2023-09-23 13:05
小程序
uni-app
javascript
开发语言
el-table 定位跳转至指定行
$refs.elTable.bodyWrapper.
scrollTop
的
scrollTop
来实现。示例代码this.$refs.elTable.bodyWrapper.
scrollTop
=this.
zzzzds
·
2023-09-22 17:36
uniapp 在父组件中使用ref属性调用子组件中的方法 报错undefined
或者每次从详情页以及其他页面回到这个页面时(子组件pageC)内容都要回到顶部所以我在index的onshow事件里面调用了这个页面(子组件pageC)的回到顶部事件(因为这个页面数据是使用scrollview做的滚动,所以回到顶部设置
scrollTop
北京的北京
·
2023-09-21 06:10
uni-app
前端
uniapp获取微信小程序页面滚动的高度
uni.createSelectorQuery().selectViewport().scrollOffset(res=>{console.log("竖直滚动位置"+res.
scrollTop
);
peepeeman
·
2023-09-21 05:40
微信小程序
uni-app
小程序
vue关于swiper5.4.5的slide内滚动的解决方案
vertical",})letthat=thisthis.mySwiper.slides.on('touchstart',function(e){that.startScroll=Math.ceil(this.
scrollTop
qq_34221812
·
2023-09-20 06:03
vue.js
javascript
Vue保持滚动条在最底部
$nextTick(function(){letdiv=document.getElementById('dialogue_box');div.
scrollTop
=div.scrollHeight;})
Allen6879
·
2023-09-20 06:49
利用
scrollTop
做跳到页面指定位置
goTo=function(target){varscrollT=document.body.
scrollTop
||document.documentElement.scrollTopif(scrollT
easy_mark
·
2023-09-19 21:17
js两种滚动事件写法
window).scroll(()=>{//滚动条距文档顶部的距离,||是做兼容处理的letscrollTop=window.pageYOffset||document.documentElement.
scrollTop
Goaread
·
2023-09-19 20:02
前端
javascript
前端
vue.js
react 通过ref 获取对应 dom 的位置信息
这两个参数都是基于父节点的,可以直接使用this.cellMainBox.current.
scrollTop
=activeCell.offsetTop-150thi
weitao_11
·
2023-09-19 16:47
react.js
前端
van-list 下拉刷新 触底分页 触底分页事件只加载一次
比如审批中数据是对的,触底分页也是对的,如果我切换一个状态的话,总共是15条数据,但是切换了状态只显示第一页的数据(我设置的是一页十条数据)我一开始看了几篇文章都是通过document.documentElement.
scrollTop
前端~
·
2023-09-19 06:17
typescript
前端
uni-app 如何实现回到页面顶部
isShow:falseonPageScroll监听页面滚动事件:(onPageScroll跟methods同级写)onPageScroll(e){//console.log('e:',e)if(e.
scrollTop
前端~
·
2023-09-19 06:47
uni-app
element表格组件实现虚拟滚动,解决卡顿问题
[],tableRef:null,tableWarp:null,fixLeft:null,fixRight:null,tableFixedLeft:null,tableFixedRight:null,
scrollTop
divcssjs
·
2023-09-18 18:26
js定位到元素底部
varelement=document.getElementsByClassName("friendly_pW");varheight=element[0].clientHeight;$(".An").
scrollTop
Miya锤
·
2023-09-18 17:47
javascript
开发语言
ecmascript
vue element ui 使用el-table 组件的时候,列使用fixed之后表格会出现错乱的情况
属性之后,fixed列和其他列出现错位的情况,流体高度和左右列固定同时使用的时候滑动到最底部翻页才出现这种问题,Google和Firefox正常,win10自带的浏览器和360浏览器会出现错位的情况,应该是
scrollTop
怪盗基德米
·
2023-09-16 20:06
vue
el-table
fixed
表格错乱
document.scrollingElement
具体用法可以百度MDN很简单(写这个无法给自己加个使用方法说明)众所周知,获取浏览器高度是有兼容的,一般情况下document.documentElement.
scrollTop
;PC浏览器document.body.
scrollTop
感觉不错哦
·
2023-09-16 19:08
基于vue的瀑布流的实现以及长列表的渲染优化
scrollTop
-item.num+100&&item.y{{item.num}}exportdefault{name:'waterfall',data(){return{list:[],
scrollTop
雪松~
·
2023-09-16 09:02
技术分享
前端
vue
瀑布流
长列表渲染
性能优化
节流
uni-app scroll-view设置
scrollTop
为0返回顶部不生效
但是设置了
scrollTop
为0只有第一次生效了,当滚动列表,第二次点击商品栏时会发现列表并没有滚
维他命Coco
·
2023-09-16 07:31
uni-app
javascript
前端
滚动条回到顶部
constbindTop=()=>{//方法一这样可以实现,但是效果不太行window.scrollTo(0,0)document.documentElement.
scrollTop
=0;//方法二通过计时器去滚动视觉上会丝滑一些
干活的程序打工人
·
2023-09-15 17:16
前端
javascript
html
react 组件滚动到可视区域在加载
;exportconstgetScrollTop=()=>{letscroll_top=0;if(document.documentElement&&document.documentElement.
scrollTop
clmll
·
2023-09-14 17:40
处理VUE移动端输入法遮挡input输入框的问题
Math.max(this.scrollHieght-1,0))}3、computedcomputed:{scrollHeight(){return(document.documentElement.
scrollTop
scorpio_h
·
2023-09-14 10:00
vue
输入法
vue
input
遮挡
【antd】滚动触底加载分页
//滚动计算letscrollRef:any//滚动加载下一页constonScrollCapture=e=>{//
scrollTop
会有小数点导致等式不成立,解决方案:四舍五入if(Math.round
longlongfishday
·
2023-09-14 08:23
react
前端
JS
javascript
前端
开发语言
Vue 中让页面滚动到指定位置
scrollTop
为 0 或不生效可能的原因
$refs.parent.
scrollTop
=300})注意⚠️并不是在你想滚动的元素上面设置ref是需要在你想滚动的父元素上面添加ref否则可能ref会一直滚动不到你想滚动的位置
孙可爱.
·
2023-09-13 08:33
vue.js
前端
javascript
js判断页面滚动方向
$refs["room"].wrap.
scrollTop
;letscroll=scro
爱吃水果和蔬菜丫
·
2023-09-12 05:30
vue.js
javascript
前端
vue.js
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
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
其他