我已經創建了一個使用jQuery和溢出隱藏的幻燈片旋轉木馬，您可以通過從邊距左值添加或減去幻燈片寬度來回導航。jQuery旋轉木馬幻燈片導航到特定點
http://trainingstage.ntistudio.co.uk/slideshows/2/presentation
現在我希望能夠到幻燈片歸類到相關章節，然後導航到每個章節的開始，但我不確定如何做到這一點。主要問題是內容將是動態的（使用rails構建），因此硬編碼值不適用於每個幻燈片。
任何人都可以給我一些關於從哪裏開始jQuery的指針，這樣我可以塑造rails後端？一個類似的解構工作項目也可能很好。
有關此事的任何提示或提示都非常值得歡迎。謝謝
使用jQuery找到偏移（），該元件 http://api.jquery.com/offset/
計算該滑動該元素的存在。 粗糙算法： current_slide = Math.ceil（$（'example'）。offset（）。left/slide_width）;
注意：您要始終圍捕上述操作的結果，因爲你是初始化展示的第一張幻燈片爲1
缺點：我不知道是否偏移（ ）將根據幻燈片的完整文檔或簡單地單個幻燈片實際報告元素。
這個解決方案很混亂，它甚至可能不起作用，但其中的想法可能對您有用。
嗨。這有很大幫助。它是位置（）;而不是offset（）;這是我需要的，我只需要將這些值翻轉爲負值即可。這是我的代碼 var1 = $（'＃specific_div'）。position（）; moveto =（var.left）* -1; $（'＃presentation_carousel'）。css（'margin-left'，moveto）; –
用標識符對每個元素進行分類。例如，一個貓類，將類「貓」添加到每個項目。讓我們說你有貓後的狗，你想去狗。
var slideAmount = $('.cats').length * 500 //500 being your viewport width
$('.carouselParent').animate({'left' : -slideAmount});
這是非常基本的邏輯位我想你會看到我在做什麼？
我剛剛遇到了完美 jQuery滑塊爲您的需求後，看看你的網站目標。
的jQuery的本地滾動輕鬆處理AJAX的內容，並允許您的主區段內小節。
jQuery AJAX Local Scroll v1.2.7：Webpage AJAX Demo和主頁是HERE。
編輯：如果滾動條是在頁面加載時動態創建的，那麼看看他們正常的non-AJAX version，它爲部分和子部分顯示了不同的導航技術。
EDIT2：只要使用jQuery在不同的元素之間進行導航，這個插件也可以使用jQuery選擇器滾動到任何元素。
可能是愚蠢的，但不能讓你通過簡單的 * 寬度是多少？ –
silentw
嗨@silentw感謝您的回覆。你的意思是設置初始寬度還是解決直接訪問分段幻燈片的問題？ –
我想我錯誤地讀過這個問題。你想創建部分，我想盡可能在底部放置一些數字來導航到特定的幻燈片。對不起，錯誤:) – silentw