如何使用jQuery将面板菜单固定到位

How to fix a panel menu in position with jQuery

本文关键字：菜单 何使用 jQuery      更新时间：2023-09-26

我正试图在页面上固定一个菜单，这样面板就不会与页面的其他部分一起向下滚动。我似乎无法实现这一点，面板菜单只是滚动，页面的其余部分将菜单留在顶部。有什么建议吗？这是我所拥有的：

<div data-role="panel" id="fieldpanel" data-position="left" data-position-fixed="true" data-display="overlay" data-theme="b">
        <!--CONTENT HERE-->

    </div><!-- /field panel -->

将其添加到css中-它可以在大多数现代浏览器中使用，但不能在IE7（除非是标准模式）或以前的IE版本中使用。

#fieldpanel
{
  position: fixed;
  top:      0;
}

确保在文件的第一行中指定了DOCTYPE：

<!DOCTYPE html>

上面的HTML5DOCTYPE对于大多数浏览器来说应该足够了。

尝试添加

    position="absolute";

到CSS！：）

相关文章：