双潜水器在同一个地方

Dual divs on the same place

本文关键字：同一个 潜水      更新时间：2023-09-26

我正在将我的网站更新为这样的内容：axelboberg.se/en/beta_web在联系人幻灯片中，我还想要一个关于我的div？当谈到编码时，我是一个初学者，希望这可以用一行简单的代码来解决。。。

--更新--谢谢，但我指的是从顶部进入的div内部，并且当时只显示或联系。。。就像极简主义者一样。。。http://minimalmonkey.com

我想要两个平行的div在"slidenav"div里面。发布的代码太多了，请参阅网站的源代码。。

当我点击关于我时，"向下滑动div"将向下滑动并显示关于我的部分。当我点击联系人时，联系人部分将显示…）我该如何做到这一点，当涉及到编码时，我是一个初学者，希望这可以用一行简单的代码来解决。。。

事实上，这可以用一行简单的代码来完成！

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

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

然后，创建一个div，如下所示：

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

单击链接后，浏览器将滚动到AboutMe div。

Js报价：http://jsfiddle.net/NmrbP/11/

我认为您指的是平滑的滚动效果。使用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;
        });
    });
});

已编辑

您可以使用jQuery 进行hide和show

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

$('.About').click(function(){
    $('#About').show();
    $('#Contact').hide();
})
$('.Contact').click(function(){
    $('#Contact').show();
    $('#About').hide();
})
相关文章：