Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用平滑滚动到div来面对问题_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 使用平滑滚动到div来面对问题

Javascript 使用平滑滚动到div来面对问题,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我面临的问题是,当用户单击链接时,它会将他们重定向到具有特定id的特定div 我正在使用jQuery实现平滑滚动特性 问题是,当我在主页上时,我点击了通常在那里滚动的关于页面,当我再次点击关于链接时,页面移动了一点,再次点击,它就会恢复正常 您可以在这里()尝试,所有代码都在这里() 提前感谢:) 编辑:我尝试过使用Chrome的检查工具进行故障排除,我认为问题在于负责使用JS粘贴导航栏的.stickCSS类。但我不确定问题出在哪里,也不知道如何解决。这是因为您连接和分离了导航,这会导致该部分随

我面临的问题是,当用户单击链接时,它会将他们重定向到具有特定id的特定
div

我正在使用jQuery实现平滑滚动特性

问题是,当我在主页上时,我点击了通常在那里滚动的关于页面,当我再次点击关于链接时,页面移动了一点,再次点击,它就会恢复正常

您可以在这里()尝试,所有代码都在这里()

提前感谢:)


编辑:我尝试过使用Chrome的检查工具进行故障排除,我认为问题在于负责使用JS粘贴导航栏的
.stick
CSS类。但我不确定问题出在哪里,也不知道如何解决。

这是因为您连接和分离了导航,这会导致该部分随着导航的高度上下移动

要避免这种情况,请在导航上使用
位置:绝对

nav {
    background-color: #595241;
    height: 60px;
    position: absolute;
    width: 100%;
}

发生这种情况是因为您连接和分离导航,这会导致该部分根据导航的高度上下移动

要避免这种情况,请在导航上使用
位置:绝对

nav {
    background-color: #595241;
    height: 60px;
    position: absolute;
    width: 100%;
}