2012-09-25 78 views
0

是否有可能保持一個簡單的函數,問題是:簡單的橫向滾動

$.fx.speeds.xslow = 1500; 
function goToByScroll(id){ 
    $('html,body').animate({ 
     scrollTop: $("#"+id).offset().top 
    },'slow'); 
} 

,並使其移動水平滾動條? 我想保持事情很簡單,而不使用大的水平插件。我在想scrollLeft,但無法得到這與偏移工作...任何想法都會很棒!在此先感謝

+0

水平滾動的原理幾乎相同,只需在css left:value上進行操作即可。我確定網絡上有很多內容。 – Neil

+0

是的,我只是想看到這個轉換,因爲它是一個乾淨的小代碼。非常感謝 – diskrim

回答

1

就像你說的,你可以做到這一點使用scrollLeft:

function goToByScrollHoriz(id){ 
    $('html,body').animate({ 
     scrollLeft: $("#"+id).offset().left 
    },'slow'); 
} 

的工作示例見this fiddle(確保事業部#3是不是當你運行它在頁面上可見)。

+0

超級,這正是我所期待的。謝謝你。 – diskrim