0

我想让简单的网站看起来像http://dipstrategy.com/

我能做的是使用href跳转到指定页面。

但我想让它向下滚动，而不是跳转到指定页面。任何人都可以有建议吗？谢谢，问候鲁迪。

4

3 回答 3

2

<a href="#hello">hello</a>会到顶部<div id="hello">...</div>。

使用 jQuery 平滑滚动：

$(document).ready(function(){
    $('a[href^="#"]').click(function(e) {
        e.preventDefault();
        var target = this.hash, $target = $(target);
        $('html, body').stop().animate({
            'scrollTop': $target.offset().top
        }, 900, 'swing', function() {
            window.location.hash = target;
        });
    });
});

（从这里）。900在这里表示 900 毫秒。这是一个工作小提琴。

于 2013-06-16T04:04:24.143 回答
0

此方法使用页面内的链接。基本上，在他们的导航链接中，他们使用了一个 ID 到他们页面下方的某个地方。在 CSS 中，他们添加了缓入缓出效果来平滑过渡。

更多信息可以在这里找到：http: //www.echoecho.com/htmllinks08.htm

于 2013-06-16T03:54:01.633 回答
0

W3

     <div id="#home">content</div>
     <div id="#do">content</div>
     <div id="#team">content</div>
     <div id="#work">content</div>
     <div id="#contact">content</div>

在菜单中

 <div class="navigation ">
            <ul id="nav">
            <li class="margin-right15"><a href="#home">HOME</a></li>
            <li class="margin-right15"><a href="#do">WHAT WE DO</a></li>
            <li class="margin-right15"><a href="#team">CORE TEAM</a></li>
            <li class="margin-right15"><a href="#work">WORKS</a></li>
            <li><a href="#contact">CONTACT US</a></li>
        </ul>
        </div>
于 2013-06-16T03:54:02.433 回答