Question

我正在为导航栏使用滚动和修复功能，当滚动到某个点时，我在以下CSS类之间切换：

.navbar_container{
    position:relative;
    width:101%;   
    left:0px;
}
    .fixed_position {
    position:fixed;
    bottom:84%;
    width:101%;
    left:-16px;
    z-index:100;
}

这对于导航栏非常有效，直到我在导航栏包含不同的php脚本时插入一点变化取决于用户登录。有时它包括登录选项，当用户登录时，它会更改为＆＃34;欢迎用户名＆＃34;有点像。这是导航条代码：

<div class="nav_wrapper">
    <div class="container navbar_container ">
        <ul class="navbar">
            <li><a href="Home.php">Home</a></li>
            <li><a href="AboutUs.php">About</a></li>
            <li><a href="products.php">Products</a></li>
            <li><a href="events.php">Events</a></li>
        </ul>

        <?php
        session_start();
        if (isset($_SESSION['email'])){
            include 'includes/loggedin.php';
        } else{
            include 'includes/notloggedin.php';
        }
        ?>
    </div>
</div>

这里是php脚本：

登录：

</p><a class="logout_btn" href="Logout.php">Log Out</a><a   `href="edit_profile.php" class="edit_profile">Edit profile</a></span>`

未登录：

<span id="login_menu"><a  href="Sign_in.php">Sign in</a></span>

所以问题是固定位置（向下滚动之后）在这些状态之间略有变化，因此我找不到要修复这两个状态的完美位置。如果需要，我会提供任何缺失的信息。感谢。

Answer 1

没有任何简单的方法可以重现问题，这只是猜测，但在登录的代码中，您使用p标记，默认display为{{ 1}}，当没有登录时，只有inline-block，span的默认display。

CSS固定位置对不同页面的行为有所不同

1 个答案: