2014-06-20 40 views
1

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

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

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

謝謝!最大

+0

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

+0

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

回答

1

下面是我如何做到這一點 - 你可能認爲它有點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/