javascript - 如何使用 css 滚动页面或元素

Question

我想知道是否有任何方法可以使用任何 css 属性滚动页面/元素。我们可以使用带有 scrollTo 和 scrollBy 的 javascript 来完成它，但我想使用 css 过渡属性进行滚动以制作一个在给定时间戳后将向左滚动的 slider 。我尝试使用 jquery 插件 http://ricostacruz.com/jquery.transit/ ，但它不支持 scrollLeft 或任何滚动条。

Answer 1

您可以像这样在 CSS 中复制滚动:

#parent{
    overflow: hidden;
}

#child{
    margin-left: -250px; /* Move across the page 250px (x axis) */
}

但是，这可能不是您想要的。

实现动画滚动的最好和最常用的方法是使用 jQuery Javascript 库:

$("#parent").animate({
   scrollLeft: 250
}, 1000);