如何在點擊jQuery鏈接後滾動到某個點？

我的頁面上有一個鏈接，點擊時使用。$ get，然後追加將內容加載到div＃top-main-content中。在加載此內容後，我希望該頁面向下滾動到加載到＃top-main-content中的內容。我怎樣才能做到這一點？如何在點擊jQuery鏈接後滾動到某個點？

$(document).ready(function() 
          { 

           $('a.newsflash1').click(function() 
           { 
$('html,body').animate({ 
            scrollTop: '+=' + $('#scrollTo').offset().top + 'px' 
            }, 'fast'); 
            $('#top-main-content').empty(); 

            $.get('index.xml', function(c){ 

            $(c).find('news_story').each(function(){ 

             var $story = $(this); 
             var storyTitle = $story.find("story_title").text(); 
             var storyCompany = $story.find("story_company").text(); 
             var storyAuthor = $story.find("story_author").text(); 
             var storyYear = $story.find("story_date").attr("year"); 
             var storyMonth = $story.find("story_date").attr("month"); 
             var storyDay = $story.find("story_date").attr("day"); 
             var description = $story.find('story_content').text(); 

             var html = '<div class="story-content darkborder">'; 
             html += '<div class="story-contrast lightborder">'; 
             html += '<h3 class="story-title">' + storyTitle + '</h3>'; 
             html += '<div class="story-copyright">'; 
              html += '<p class="story-company">'+ storyCompany +'</p>'; 
              html += '<p class="story-author">'+ storyAuthor +'</p>'; 
              html += '<p class="story-date">'+ storyYear+'.'+storyMonth+'.'+storyDay +'</p>'; 
             html += '</div>'; 
             html += '<p class="story-body">' + description + '</p>'; 
             html += '</div>'; 
             html += '</div>'; 


             $('#top-main-content').append($(html)); 

             window.location.hash = '#top-main-content'; 

            }); 
           }); 
          }); 
         });

好吧，我有下面的代碼想通了：

$('html,body').animate({ scrollTop: '+=' + $('#scrollTo').offset().top + 'px' }, 'fast');

我也定我上面的代碼，這樣你可以看到它是如何工作的。

來源

2011-05-23 user755731

試試這個：

window.location.hash = '#top-main-content';

或者試試這個scrollTo plugin

來源

2011-05-23 16:29:05 Neal

我重視這一個點擊功能？ – user755731 2011-05-23 16:29:47

在取得成功功能中做到這一點 – Neal 2011-05-23 16:31:05

取得成功功能是什麼？ – user755731 2011-05-23 16:31:25

如何在點擊jQuery鏈接後滾動到某個點？

回答

相關問題