使用jQuery.ScrollTo向下滾動時，點擊一個鏈接

我有我的網頁分類頂部的這個鏈接被點擊時，頁面跳轉到目標DIV位於使用jQuery.ScrollTo向下滾動時，點擊一個鏈接

我的底部我試圖使用jQuery.ScrollTo但它不工作。我不知道如何調試。

$(document).ready(function() 
{ 


    // Scroll the content inside the #scroll-container div 
    $('.categories_link').scrollTo({ 
     target:'#categories' 
    }); 

});

UPDATE： 發現這個http://jsfiddle.net/VPzxG/所以現在試圖修改它。任何幫助，將不勝感激。

來源

2013-07-13 Harish Chouhan

代碼在哪裏？ –

它應該滾動到底部還是不滾動？發佈您的代碼。 –

對不起。我粘貼了我正在使用的JavaScript。我認爲它錯了。用戶點擊的鏈接有一個類.categories_link和底部的div有一個id #categories –

你根本不需要JS。只需使用

<a class="categories_link" href="#categories">Click me!</a>

DEMO：http://jsfiddle.net/ezCFC/

來源

2013-07-13 00:33:30 Oriol

是的，我現在正在做這個。我需要滾動平滑。直接的方法只是讓屏幕跳躍。不過謝謝你花時間給我看這個。欣賞它。 –

首先，我建議改變的HTML以下：

<div id="sidebar"> 
    <ul> 
     <li><a href="#about">auck</a></li> 
     <li><a href="#projects">Projects</a></li> 
     <li><a href="#resume">Resume</a></li> 
     <li><a href="#contact">Contact</a></li> 
    </ul> 
</div>

就用.animate()和.offset()：

$(function(){ 
    $("#sidebar > ul > li > a").click(function(e) { 
     e.preventDefault(); 
     var id = $(this).attr("href"); 
     $('body').animate({ 
      scrollTop: $(id).offset().top 
     }, 1000);  
    }); 
});

DEMO： http://jsfiddle.net/dirtyd77/VPzxG/1465/

來源

2013-07-13 01:03:09 Dom

您的演示不適用於Firefox 22和25 – Oriol

使用jQuery.ScrollTo向下滾動時，點擊一個鏈接

回答

相關問題