如何在点击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链接后滚动到某个点？

回答

相关问题