滾動一個div的滾動條一路用JavaScript

這個問題的權利是jQuery scrollRight?滾動一個div的滾動條一路用JavaScript

重複我有很多的內容（寬度方向）和溢出一個div：汽車，所以我有滾動條在底部。它開始滾動到左邊：有沒有辦法使用jQuery/native JS一直向右滾動它？即使有一種方法可以在CSS中執行此操作（通常會更好），但我需要在JS中執行此操作，因爲其中一些其他事情在JS中首先發生（使用jQuery插件DataTable特定）在dom ready塊中，所以我的代碼需要在此之後運行。

我認爲這很簡單，但我還沒有設法谷歌任何有用的東西。

謝謝！最大

來源

2014-06-20 Max Williams

你看到這樣一個問題：http://stackoverflow.com/questions/8905832/jquery-scrollright？ – Joe

不，我沒有，謝謝。這是完美的。對不起，重複。我不確定協議是否規定現在標記爲重複或者我只是刪除了這個問題？ –

下面是我如何做到這一點 - 你可能認爲它有點hacky。

在下面的示例中，「#test」是一個寬度爲100px且溢出：自動的div。

$("#test").css("overflow","none"); 
$("#test").css("width","none"); 
var width = $("#test").width(); 
$("#test").css("overflow","auto"); 
$("#test").css("width","100px"); 
$("#test").animate({scrollLeft: width}, 100);

在這裏，我擺脫了寬度和溢出CSS屬性，以找出內容的真實寬度。然後，我將CSS屬性重新放回並滾動到該寬度。

這裏有一個的jsfiddle：http://jsfiddle.net/dReFh/

來源

2014-06-20 10:21:37 user1578653

滾動一個div的滾動條一路用JavaScript

回答

相關問題