JAVACRIPT scrollLeft滾動順暢，而不是跳

我試圖迫使一個div必須水平滾動，但我需要它順利滾動，而不是跳到我需要它去的地方。JAVACRIPT scrollLeft滾動順暢，而不是跳

這就是我正在使用的。

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

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

現在，這是工作，但它只是跳躍和犯規順利進行。任何人都可以幫助我讓它順利進行。

來源

2017-08-11 Ronni Mallouk

使用jQuery：

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

來源

2017-08-11 06:31:38 phpmeh

如何將我得到那個滾動我的DIV，對不起的人，我的新的學習。 wouldnt我需要把那裏我的div ID？ –

嗨，在JQuery中，$（「。slidearrows」）會選擇任何具有該類的HTML標籤。在你發佈的HTML中，沒有一個ID，就是那個類。你應該可以把這段代碼放到你的javascript中（將JQuery加載到你的頁面之後），它應該可以工作。 – phpmeh

感謝你通過你的代碼，我能夠弄清楚這一點，並按照我想要的方式工作。 :) function scroll（）{ $（'＃scrl-bar'）。animate（{scrollLeft：'1800'}，800，'linear'）; } –

JAVACRIPT scrollLeft滾動順暢，而不是跳

回答

相關問題