2015-10-22 122 views
0

我有一個從循環創建的按鈕列表。點擊時這些按鈕在塊中顯示下面的不同數據(子頁面內容)。每個按鈕都顯示來自不同子頁面的數據。滾動到按鈕上點擊類的div div

使按鍵具有一類。服務選項卡的內容 塊有一類。服務內容

我試圖jQuery的如下:

$('.service-tab').click(function() { 
    $('html,body').animate({ 
     scrollTop: $(".services-content").offset().top}, 
'slow'); 

這些似乎對任何工作我首先點擊的按鈕。然後當我滾動頁面時,點擊另一個按鈕,而不是再次回落,以便.services-內容再次與頁面頂部對齊,它會關閉,並且您點擊任何按鈕的次數越多,頁面就會再次下降。 (隨機取決於頁面的位置,如果你點擊一個按鈕,它將再次按預期工作)。

我假設由於JS啓動其注意到的頁面位置和移動取決於此?

+1

所以你有多個類的服務內容的元素?它如何知道基於這個代碼要滾動到哪一個? – APAD1

+0

@ APAD1 - 好點。每個元素都是隱藏的,這就是它遍佈整個地方的原因。我只是針對這個問題,而現在已經解決了問題。其接近6點..認爲我累了。感謝您的幫助 – Richard

回答

0

做老派,使用錨。你的按鈕將全部爲<a href="#someElementId">,你的目標應該使用id而不是(或除了)一個班級。不需要jQuery或JavaScript。

+0

我需要它來確保div對齊頂部。錨不總是允許這個功能。 – Richard

+0

錨點不與頂端對齊的唯一原因是,如果下方沒有足夠的內容允許頁面滾動那麼遠。你會遇到與任何JavaScript解決方案相同的問題。 – gilly3