51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#Scroll
JavaScript获取浏览器高度和宽度值(documentElement,clientHeight,offsetHeight,scrollHeight,scrollTop,offsetParent,offsetY,innerHeight)
IE中:document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==>...
代码星球
·
2021-01-16
Javascript
获取
浏览器
高度
宽度
在Vue中使用better-scroll实现横向滚动和竖向滚动
npminstallbetter-scroll--save<template><divclass="box"><divclass="person-wrap"ref="personWrap"><ulclass="person-list"ref="li1"><licla...
代码星球
·
2021-01-09
滚动
Vue
使用
better-scroll
实现
better-scroll的参数和方法
startX: 0 开始的X轴位置startY: 0 开始的Y轴位置scrollY: true 滚动方向为Y轴scrollX:true滚动方向为X轴click: true 是否派发click事件,通常判断浏览器派发的click还是bette...
代码星球
·
2020-12-30
better-scroll
参数
方法
better-scroll插件 api
Vue中的better-scroll插件在需要的文件中添加importBScorllfrom'better-scroll';引用的示例代码:letscroll=newBScroll(Dom对象,{//optionsstartX:0,startY:0})Vue获得Dom对象方法,<divv-el:food-wrap...
代码星球
·
2020-12-30
better-scroll
插件
api
better-scroll 与 Vue 结合
什么是better-scrollbetter-scroll是一个移动端滚动的解决方案,它是基于iscroll的重写,它和iscroll的主要区别在这里。better-scroll也很强大,不仅可以做普通的滚动列表,还可以做轮播图、picker等等。 better-scroll的滚动原理不少同学可能用过bet...
代码星球
·
2020-12-30
better-scroll
Vue
结合
利用scrollTop 制作图片无缝滚动
<!doctypehtml><title>javascript无缝滚动by司徒正美</title><metacharset="utf-8"/><metaname="keywords"content="javascript无缝滚动by司徒正美"/><met...
代码星球
·
2020-12-30
利用
scrollTop
制作
图片
无缝
避免scrollview内部控件输入时被键盘遮挡,监听键盘弹起,配合做滚动
1,监听键盘2,根据当前键盘弹起高度与控件的底部位置计算滑动距离3,根据滑动距离在键盘弹起和隐藏是分别设置动画完成滑动 实现:1,监听键盘使用 #pragmamark-键盘监听-(void)AddObserverForKeyboard{ [[NSNoti...
代码星球
·
2020-12-30
键盘
避免
scrollview
内部
控件
OC开发_Storyboard——多线程、UIScrollView
一、多线程1、主队列:处理多点触控和所有UI操作(不能阻塞、主要同步更新UI)dispatch_queue_tmainQueue=dispatchg_get_main_queue();//获得主线程Dispatch_async(queue,^{});//异步执行Blockdispatch_queue_tQueue=di...
代码星球
·
2020-12-29
OC
开发
Storyboard
线程
UIScrollView
微信小程序scroll-view 横向和纵向scroll-view组件
scroll-view为滚动视图,分为水平滚动和垂直滚动。注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效。滚动视图常用的地方一般都是Item项比较多的界面,比如我的模块主要属性: 使用演示:wxml<!--垂直滚动,这里必须设置高度--><scroll-views...
代码星球
·
2020-12-27
scroll-view
微信
程序
横向
纵向
offsetParent.scrollTop IE下一直报错,说“缺少对象”
<div>这个css在IE下一直报错,说“缺少对象”,而修改为:<div>就正常了,即:把offsetParent.scrollTop改为:documentElement.scrollTop...
代码星球
·
2020-12-26
offsetParent.scrollTop
IE
一直
报错
缺少对象
CSS:scroll-snap滚动事件停止及元素位置检测
css ScrollSnap是个非常好用的特性,可以让网页容器滚动停止的时候,无需任何js代码的参与,浏览器可以自动平滑定位到指定元素的指定位置。类似幻灯片广告效果就可以纯css实现。而且CSSScrollSnap的兼容性非常好,移动端几乎可以放心使用。 二、源自实际项目的scroll-snap场景...
代码星球
·
2020-12-24
CSS
scroll-snap
滚动
事件
停止
vue项目better-scroll使用注意点
1.应该在何时创建BScroll对象1)created:中请求数据,ajax是异步的,这个时候可能mounted已经执行完了,也就是dom挂载完了,但数据还没请求回来,无法获取到内部元素(数据渲染出来的dom)高度.无法渲染内部元素,无法滚动2)updated:数据发生改变时执行;数据改变,dom也要重新渲染,并执行u...
代码星球
·
2020-12-24
vue
项目
better-scroll
使用
注意
scroll
varfScrollTopHeight=function(){returndocument.documentElement&&document.documentElement.scrollTop||document.body&&document.body.scrollTop||0;};v...
代码星球
·
2020-12-17
scroll
jquery.nicescroll.js Unable to preventDefault inside passive event listener due to target being treated as passive.
解决办法就是:https://github.com/bestjhh/Plugin下载替换。 参考:https://github.com/bestjhh/Pluginhttps://blog.csdn.net/qq_40776187/article/details/90170419htt...
代码星球
·
2020-11-01
to
jquery.nicescroll.js
Unable
preventDefault
inside
UIScrollView的API
@property(nonatomic,weak)id<UIScrollViewDelegate>delegate;滚动视图对象的委托。 @property(nonatomic)CGSizecontentSize;内容视图的大小。 @property(nonatomic)CGPointc...
代码星球
·
2020-10-22
UIScrollView
API
首页
上一页
1
2
3
4
5
...
下一页
尾页
按字母分类:
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
其他