scrollto 到指定位置
2024-10-21 19:42:07
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
})
}
}
最新文章
- Django + Apache + 树莓派 搭建内网微信公众号服务器
- 我的qq邮箱的GPG公钥
- hibernate多SessionFactory配置
- 第4章 sed命令
- EMVTag系列16《AC响应数据》
- java产生不重复的随机数
- C# 基础 知识点
- 很好的容斥思想 HDU 5514
- python学习随笔(二)
- CentOS6.5配置 cron
- D - Mayor&#39;s posters POJ - 2528 离散化+线段树 区间修改单点查询
- centOS 安装gitlab-runner
- windows go dll 框架
- lua keynote2
- java--多线程编程简介
- Win7搭建FTP服务器
- 什么原因接触接触impala的
- C# RDLC报表不出现预览窗体直接输出到打印机
- 20155215 《Java程序设计》实验二( Java面向对象程序设计)实验报告
- How to bind a Command on a ContextMenu within a DataTemplate using MVVM