2012-12-04 25 views
1

我正在一個響應WordPress的網站上,在小屏幕上(移動)我想滾動到#內容當菜單項被點擊,因爲菜單佔據了大部分的屏幕空間。我試過這些腳本,但沒有工作。WP移動jquery scrolltodiv從菜單

$("#access a").click(function() { 
$("#goto").animate({scrollTop: $("#goto").offset().top}); 
}); 
$("html, body").animate({ scrollTop: $('#goto').offset().top }, 1000); 

是否有這一個簡單的解決方案?

回答

0

我回答了一個類似的問題,而回here,這很好。

基於這個問題的答案,試試這個:

$(function() { 
var scrollElement = '#content'; 
var destination = $(scrollElement).offset().top; 
$("#access a").click(function() { 
    $(scrollElement).offset().top; 
    $("html:not(:animated),body:not(:animated)").animate({ 
     scrollTop: destination-75 }, 800); 
    }); 
});​ 

注意,75可以被調整,以得到你想要的網頁恰好滾動的數量。

+0

謝謝!但它沒有工作。在頁面加載時強制滾動到內容會更容易嗎? – user1875530

+0

對不起,我有一個錯誤,但我修好了。它現在有效。這是一個演示它的jsFiddle:http://jsfiddle.net/E5bLP/8/ – ReLeaf

+0

謝謝:)這工作 – user1875530