vue.js scroll自动滚动
效果(这里是使用vue-pdf 插件展示的一个pdf文件):
代码:
使用步骤
1.在需要滚动的区域添加指定id属性
<div id="scroll_in2" class="htp-list scroll_in"></div>
methods: {
// 添加自动滚动
/*
Id 需要滚动的区域 id名称
*/
autoSroll(Id) {
// flag 为true时停止滚动
var flag = false;
// 定时器
var timer;
function roll() {
var h = -1;
timer = setInterval(function() {
flag = true;
//获取当前滚动条高度
var current = document.getElementById(Id).scrollTop;
if (current == h) {
//滚动到底端,返回顶端
h = 0;
document.getElementById(Id).scrollTop = h + 1;
} else {
//以25ms/3.5px的速度滚动