Question

我没有找到真正针对我的案例的答案，我认为这是常见的。我想使用jquery（或javascript）将scrollTo效果添加到我的网页。我仍然不知道什么是最简单的方法我没有得到任何工作。：（

我有一个垂直页面。导航位于每个div包装器的底部。我希望我的按钮区域滚动到div。截至目前，我已经设计了按钮链接到Divs。这是完美的，除了我需要添加动画。

您可以在此处查看我的测试页：my site

我尝试过scrollTo，但我的每个按钮都链接到一个特定的div。不知道如何修改插件以便为我工作。

我认为下一个最佳解决方案是插入javascript来激活窗口中的所有链接？绝对不知道在哪里找到该代码或如何根据我的情况修改它。

先谢谢大家，我期待从一个看似充满活力的社区中找到解决方案。

Answer 1

尝试这样的事情......

工作示例： http://jsfiddle.net/BTncy/

$(document).ready(function(){
  $('a').click(function(){
    var ele_href= $(this).attr('href');
    $('html,body').animate({scrollTop: $('#' + ele_href).offset().top},'slow');
    return false;
  });
});

Answer 2

（注意，从您的示例中，您在title属性中有javascript，而不是onclick，不确定是否有意）

这不使用插件，但您可以使用jQuery执行以下简单操作：

function scrollTo (element) {
    var target = $(element).offset();
    $('body').animate({scrollTop: target.top}, 'slow');
}

这允许您只指定要滚动到的内容的选择器，因此它可以简单如下：

<div id="more">
    <a onclick="scrollTo('#intro_2_container'); return false;" href="#into_2_container">
        <img src="images/more.png" border="0" />
    </a>
</div>

在我的快速测试中似乎有效。（在我修改了scrollTo调用中目标元素的拼写错误后）

scrollTo：获取按钮图像以滚动div

2 个答案: