-3

我正在将我的网站更新为这样的内容：axelboberg.se/en/beta_web在联系人幻灯片中，我还想要一个关于我的 div。（当我单击关于我时，“向下滑动 div”将向下滑动并显示关于我的部分。当我单击联系时，将显示联系部分......）我该怎么做？我是编码方面的初学者，希望这可以通过简单的代码行来解决......

--更新--谢谢，但我的意思是从顶部进入的 div 内部，并且当时只显示或联系...就像 minimummokey 一样... http://minimalmonkey.com

我想要“slidenav”div 内的两个平行 div。贴的代码太多了，看官网的源码吧。。

4

2 回答 2

1

当我单击关于我时，“向下滑动 div”将向下滑动并显示关于我的部分。当我点击联系方式时，将显示联系部分......）我怎样才能做到这一点，而且我是编码方面的初学者，希望这可以通过简单的代码行来解决......

实际上，这可以通过一行简单的代码来完成！

将您的“关于我”链接更改为：

<a href="#AboutMe">About Me</a>

并且，创建一个div这样的：

<div id="AboutMe">This is about me!</div>

当您单击该链接时，您的浏览器将滚动到 AboutMe div。

JsFiddle：http: //jsfiddle.net/NmrbP/11/

于 2013-08-16T17:06:30.933 回答
0

我认为您指的是平滑的滚动效果。使用 jQuery，这是我的示例代码

演示http://jsfiddle.net/kevinPHPkevin/NmrbP/13/

$(document).ready(function(){
    $('a[href^="#"]').on('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;
        });
    });
});

已编辑

您可以使用hidejQueryshow

演示http://jsfiddle.net/kevinPHPkevin/raS55/

$('.About').click(function(){
    $('#About').show();
    $('#Contact').hide();
})
$('.Contact').click(function(){
    $('#Contact').show();
    $('#About').hide();
})
于 2013-08-16T17:24:38.967 回答