JAVASCRIPTscrollLeft平滑滚动而不跳跃

标签 javascript jquery html css

我试图强制 div 水平滚动,但我需要它平滑滚动,而不仅仅是跳到我需要它去的地方。

这就是我正在使用的。

<html>
<img onclick="scroll();" class="slidearrows" src="images/left.png" />
<html/>

<script>
    function scroll() {
    document.getElementById('scrl-bar').scrollLeft = 1200;  
    }
<script>

现在这可以工作,但它只是跳跃并且进展不顺利。谁能帮我让它顺利进行吗?

最佳答案

使用 jquery:

$('.slidearrows').on('click', function () {
    $('html,body').animate({scrollLeft: 0}, 1800); // 1800 is the milliseconds to scroll
});

关于JAVASCRIPTscrollLeft平滑滚动而不跳跃,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45628376/

相关文章:

JavaScript消息框

javascript - 在同一个 javascript 事件处理程序中调用不同的函数

javascript - 如何通过调用父组件中的函数来更改子组件中的状态?

javascript - 滚动上的动画计数器未全部加载

jquery - 使用字符串获取 json 值

jquery - HTML5 与 jQuery 验证(对于输入...)

javascript - react : is there a different between using curly brackets and omitting them?

javascript - JS 脚本没有运行?

php - 如何在 CodeIgniter 验证后重定向到 View 页面中的 anchor 标记

javascript - 阻止div调整其中的文本大小