在整个网页中随您移动的一段 HTML?

Posted

技术标签:

【中文标题】在整个网页中随您移动的一段 HTML?【英文标题】:A piece of HTML that moves with you throughout your whole webpage? 【发布时间】:2013-11-20 01:35:22 【问题描述】:

嗨,我正在为我在学校做的一个网站项目编写 html 和 css,我已经制作了一个菜单栏,我希望这个菜单栏即使在我向下滚动时也能随着我移动。我该怎么做。 我的代码如下:

<table> <tr> <td>Breaking News</td> <td>Rumors</td> <td>Popular Applications</td> <td>About</td> </tr> </table>

我希望此菜单栏在整个页面的其余部分中随我移动。

【问题讨论】:

保留你的菜单栏position:fixed 或者你也可以检查this article (javascript/jQuery),另一个想法。 【参考方案1】:

嗯,也许你想要position:fixed CSS 属性引起的行为。 (您可以将此应用于您希望“固定”到浏览器视口中特定位置的元素。)

这里有一个JSFiddle,这样您就可以在向下滚动一长页内容时看到“固定”版本的表格的外观。

我希望这就是您想要的。如果没有,请告诉我,我很乐意为您提供进一步的帮助。祝你的项目好运!

【讨论】:

以上是关于在整个网页中随您移动的一段 HTML?的主要内容,如果未能解决你的问题,请参考以下文章

移动 Web入门前奏

webstorm中怎么在网页中随用户设置网页的背景颜色?

移动端实现元素局部滚动(滚动某元素时不滚动整个网页)

HTML中,怎样做到文字从左上到右下移动?

移动网页设计(HTML5、Android、iPhone)的指南或经验法则?

对移动端手机网页设计提出的一系列问题(移动端问题总纲)