2012-01-23 74 views
0

我有問題部署垂直頁面滾動功能出錯的地方。jQuery的幻燈片滾動功能

假設我有3個樣本導航和內容[首頁],[關於我們]和[服務]。現在,如果我要點擊主頁按鈕後關於我們,它會正確地向下滾動到關於我們。如果我要在關於我們按鈕後單擊服務按鈕,它將向上滾動回到主頁,而不是向下滾動到服務按鈕。有時,如果您雙擊同一個按鈕,它會前後滾動到下一個內容和您當前的內容頁面。

$(function() { 
    $('menu a').bind('click',function(event){ 
     var $anchor = $(this); 
     $('#main, section').stop().animate({ 
      scrollTop: $($anchor.attr('href')).offset().top 
     }, 1500,'easeInOutExpo'); 
     /* 
     if you don't want to use the easing effects: 
     $('#main, section').stop().animate({ 
      scrollTop: $($anchor.attr('href')).offset().top 
     }, 1000); 
     */ 
     event.preventDefault(); 
    }); 
}); 

這是我的網站鏈接Customer Site所以你可以看到實際的代碼和功能。

回答

0

我不知道你的問題,但嘗試:

..... 
$('#main, section').stop().animate({ 
scrollBottom: $($anchor.attr('href')).offset().bottom 
}, 1500,'easeInOutExpo'); 
+0

嗯,感謝您的答覆。 雖然您提到的當前代碼將僅命令滾動底部。 這是我的意思是滾動問題。 [首頁] [關於我們] [服務]如果我點擊主頁按鈕後關於我們,它會正確地向下滾動到關於我們。現在,如果我要點擊服務,它將向上滾動到主頁,而不是向下滾動到服務。對此,如果您雙擊相同的鏈接,它將向上滾動回到首頁,這會給每個內容帶來煩人的導航。 – iMarkDesigns

+0

我相信我這裏的問題是關於scrollTop或scrollBottom ... – iMarkDesigns