Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.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 如何使我的导航栏随着滚动而上下滚动?_Javascript_Html_Web - Fatal编程技术网

Javascript 如何使我的导航栏随着滚动而上下滚动?

Javascript 如何使我的导航栏随着滚动而上下滚动?,javascript,html,web,Javascript,Html,Web,我正在使用Serif WebPlus 6创建一个网站,但我似乎找不到一种方法使导航栏在上下滚动时移动;我使用顶部热点上的图像作为导航手段,因为它们的导航样式选项有限。 我想要的是,图像上下移动 谢谢大家! Saif我猜你的意思是让导航向下滚动,使页面看起来固定在某个位置 你有权编辑网站的HTML和CSS吗 如果是这样,创建浮动菜单栏实际上非常容易。有效的CSS代码是 position:fixed; 例如: #nav{ Position:fixed; } <div id="nav">

我正在使用Serif WebPlus 6创建一个网站,但我似乎找不到一种方法使导航栏在上下滚动时移动;我使用顶部热点上的图像作为导航手段,因为它们的导航样式选项有限。 我想要的是,图像上下移动

谢谢大家!
Saif

我猜你的意思是让导航向下滚动,使页面看起来固定在某个位置

你有权编辑网站的HTML和CSS吗

如果是这样,创建浮动菜单栏实际上非常容易。有效的CSS代码是

position:fixed;
例如:

#nav{
Position:fixed;
}
<div id="nav">
link1
link2
link3
</div>
创建一个ID,并将其与您想要使用的任何其他样式放在一起

将其分配给HTML中的
标记

例如:

#nav{
Position:fixed;
}
<div id="nav">
link1
link2
link3
</div>

链接1
链接2
链接3
如果你没有访问代码的权限,而Serif没有提供这项功能,那么我会说你做不到


与我的示例不同的是,缩进代码:/

要在WebPlus X6上创建浮动导航栏,可以添加一个面板(插入->面板),然后选择“将面板与浏览器窗口对齐”选项,使该面板固定(即,当浏览器窗口滚动时,它不会移动)。然后,您可以将导航栏放在面板中,这样它也不会在滚动中移动。

也许在Serif WebPlus 6支持论坛上问这个问题更好。为导航栏生成的HTML是一个元素吗?如果是的话,它有id吗?我不太确定,但我认为T P想取消固定。如果他试图取消固定,那么就做相反的事情。要么从CSS中删除这一行,要么关闭设置中的功能,如果有选项的话……如果没有,那么他就不能这么做。那太好了,他们确实提供HTML。我会试试你的建议,看看是否可行,会让你知道这是怎么回事!