0

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

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

你可以在这里查看我的测试页面：我的网站

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

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

在此先感谢大家，我期待着一个看起来非常活跃的社区的解决方案。

4

2 回答 2

0

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

工作示例：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;
  });
});
于 2011-03-24T04:57:17.243 回答
0

（注意，从您的示例中，您在 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 调用中目标元素的错字之后）

于 2011-03-24T04:58:55.640 回答