我有一个 div,overflow:scroll
现在我想以编程方式向下滚动该 div。Zepto.js 有可能吗?
user920041
问问题
7559 次
1 回答
5
Zepto 不直接提供 API,但可以从较低级别的 DOM 访问它。
var $el = $('#scrolling-el');
var el = $el[0]; /* Actual DOM element */
/* Scroll to bottom */
el.scrollTop = el.scrollHeight - $el.height();
/* Scroll to top */
el.scrollTop = 0;
动画滚动将是一个使用setTimeout
. 你可以编写一个快速的 Zepto 插件。这是一个粗略的例子:
$.fn.scrollToBottom = function(duration) {
var $el = this;
var el = $el[0];
var startPosition = el.scrollTop;
var delta = el.scrollHeight - $el.height() - startPosition;
var startTime = Date.now();
function scroll() {
var fraction = Math.min(1, (Date.now() - startTime) / duration);
el.scrollTop = delta * fraction + startPosition;
if(fraction < 1) {
setTimeout(scroll, 10);
}
}
scroll();
};
于 2012-07-05T18:47:14.180 回答