scrollto 到指定位置
goTo = function(target){
var scrollT = document.body.scrollTop|| document.documentElement.scrollTop
if (scrollT >target) {
var timer = setInterval(function(){
var scrollT = document.body.scrollTop|| document.documentElement.scrollTop
var step = Math.floor(-scrollT/6);
document.documentElement.scrollTop = document.body.scrollTop = step + scrollT;
if(scrollT <= target){
document.body.scrollTop = document.documentElement.scrollTop = target;
clearTimeout(timer);
}
},20)
}else if(scrollT == 0){
var timer = setInterval(function(){
var scrollT = document.body.scrollTop|| document.documentElement.scrollTop
var step = Math.floor(300/3*0.7);
document.documentElement.scrollTop = document.body.scrollTop = step + scrollT;
console.log(scrollT)
if(scrollT >= target){
document.body.scrollTop = document.documentElement.scrollTop = target;
clearTimeout(timer);
}
},20)
}else if(scrollT < target){
var timer = setInterval(function(){
var scrollT = document.body.scrollTop|| document.documentElement.scrollTop
var step = Math.floor(scrollT/6);
document.documentElement.scrollTop = document.body.scrollTop = step + scrollT;
if(scrollT >= target){
document.body.scrollTop = document.documentElement.scrollTop = target;
clearTimeout(timer);
}
},20)
}else if(target == scrollT){
return false;
}
}
直接写改变scrollTop属性可能没什么作用,但是这样写的话兼容性就有保障
滚动到指定容器的底部
window.scrollTo(0,document.querySelector("#answer-11715670").scrollHeight);
vue的写法
watch: {
messages() {
this.$nextTick(() => {
let list = this.$els.xx
list.scrollTop = list.scrollHeight
})
}
}
scrollto 到指定位置的更多相关文章
- mui scrollTo到指定位置,出现空白页及拉不动的问题解决
使用方式简介 mui 列表页使用的是 mui的插件实现的上拉加载下拉刷新,但是从详情页回到列表页时 不能回到之前的位置.所以想到了使用缓存. 第一次和第二次的试验是失败的.失败后,就想用其他办法来解决 ...
- ScrollTo:实现平滑滚动到页面指定位置
ScrollTo:实现平滑滚动到页面指定位置 ScrollTo是一款基于jQuery的滚动插件,当点击页面的链接时,可以平滑地滚动到页面指定的位置.适用在一些页面内容比较多,页面长度有好几屏的场合,本 ...
- 横向滑动的HorizontalListView滑动指定位置的解决方法
项目中用到了自定义横向滑动的控件:HorizontalListView,点击其中一项,跳转到另外一个大图界面,大图界面也是HorizontalListView,想使用setSelection方法设定 ...
- [RN] React Native 滚动跳转到指定位置
React Native 滚动跳转到指定位置 一.结构 <ScrollView horizontal={true} ref={(view) => { this.myScrollView = ...
- jquery滚动到指定位置
利用jquery实现页面可视区滚动到指定位置.直接上代码 //滚动到指定位置 function scrollTo(element,speed) { if(!speed){ speed = 300; } ...
- js 获取滚动位置,滚动到指定位置,平滑滚动
1.获取当前滚动条位置信息 var top = dom.scrollTop; // 获取y轴上的滚动位置 var left = dom.scrollLeft; // 获取x轴上的滚动位置 2.滚动到指 ...
- js 动画滚动到指定位置 ES6
### 开始 ### 写一个自动滚动过度到指定位置的一个函数 通过Class进行封装 /** * 滚动动画过度 * @param {Object} position 定位(只支持Y轴) * @para ...
- vbscript input select 添加个option根据value值到指定位置--相当于排序
'添加option到指定位置(按value排序) dim valindex valindex=-1 for i=0 to selcom.length-1 if selcom.Options(i).va ...
- shell如何在指定文件的指定位置后面添加内容
最近工作中遇到一个问题,想在某个文件的指定位置后面添加一个标志位,要求在shell脚本里实现. 问题说明: 想在sys_config.fex文本的某个字符串后面添加一个flag 例如:sys_conf ...
随机推荐
- Ztree右键事件,如何让指定的子节点不显示右键菜单。
这里我记录一下我自己的解决方案: 1.首先在Ztree的setting设置中加一个鼠标右键回调函数onRightClick,然后在加一个beforeRightClick(具体含义可以看官方API) v ...
- iOS单选和全选
在日常开发中单选.多选.全选经常遇到,所以写一个demo放上来供大家参考, 先看效果图: Demo地址:https://github.com/domanc/SingleAndAllSelect.git
- ios广告封装
代码地址:https://github.com/CoderZhuXH/XHLaunchAd
- 十大基于Docker的开发工具
http://www.infoq.com/cn/news/2014/08/top-10-open-source-docker FlynnFlynn是一个使用Go语言编写的开源PaaS平台,Flynn使 ...
- asp.net webform过滤器(注意我们可以在拦截请求的同时设置回调函数)
.过滤器代码 public class PageFilter : IHttpModule { public String ModuleName { get { return "PageFil ...
- maven 执行本地、服务器 jar包安装
开发时遇到过第三方jar包依赖不了时的尴尬 因为遇到过几次所以记录一下,POM文件引入的个推jar包无效,就必须本地安装了,服务器上的也是一样,执行相同的maven命令就行,注意修改路径!和将jar包 ...
- CentOS 7 升级内核 Kernel
安装kernel 首先安装elrepo rpm --import https://www.elrepo.org/RPM-GPG-KEY-elrepo.org rpm -Uvh http://www.e ...
- Discuz核心函数的解析
dz采用的是多入口的方式,在每个入口函数你能看到引用,启动核心类的语句(其余省略),如下: require './source/class/class_core.php'; C::app()-> ...
- element onclick 动态创建元素并绑定onclick事件
<html> <head> <meta charset="UTF-8"> <title>b</title> <sc ...
- 敏捷软件开发:原则、模式与实践——第9章 OCP:开放-封闭原则
第9章 OCP:开放-封闭原则 软件实体(类.模块.函数等)应该是可以扩展的,但是不可修改. 9.1 OCP概述 遵循开放-封闭原则设计出的模块具有两个主要特征: (1)对于扩展是开放的(open f ...