首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >页面加载时触发div

页面加载时触发div
EN

Stack Overflow用户
提问于 2012-06-17 19:35:36
回答 2查看 628关注 0票数 1

我一直在尝试将页面的滚动设置为某个div。请让我知道我该怎么做。下面是我的代码,其中li中的每个选项都移动到特定的div。我在doucument.ready函数中尝试了这个$("#header3").click();,但它不起作用。

请帮帮忙!

代码语言:javascript
复制
<ul id="navigation">

            <LI><A class="home selected-lice"href="#header">Home</A></LI>


            <LI><A  href="#header4">Partners</A></LI>

                <LI><A class="about" href="#header5">About Us</A></LI>

            <LI><A class="contact" href="#header6">Contact Us</A></LI>


        </ul><!-- end of #navigation -->
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-06-17 19:39:41

或者,您可以使用此选项滚动到页面上的特定元素,加载动画

代码语言:javascript
复制
$(function(){
   $('html, body').animate({ scrollTop: $("#header1").offset().top });
});
票数 3
EN

Stack Overflow用户

发布于 2012-06-17 19:44:27

请查看此链接:http://css-tricks.com/snippets/jquery/smooth-scrolling/

或者尝试用一些滚动来覆盖通常的锚点行为。如下所示:

代码语言:javascript
复制
$(function(){
  $('a[href^=#]').click(function(e){
    var name = $(this).attr('href').substr(1);
    var pos = $('a[name='+name+']').offset();
    $('body').animate({ scrollTop: pos.top });
    e.preventDefault();
  });
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11071000

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档