Javascript 后退按钮和退格在IE中不起作用，在具有固定顶部div和命名链接的页面上_Javascript_Css

Javascript 后退按钮和退格在IE中不起作用，在具有固定顶部div和命名链接的页面上

javascript css

Javascript 后退按钮和退格在IE中不起作用，在具有固定顶部div和命名链接的页面上,javascript,css,Javascript,Css,在IE中，后退按钮和退格都可以在具有固定顶部div和命名链接的页面上工作编辑：我已经用这个更新的代码澄清了我的问题。在Chrome和Firefox中一切正常，但在IE中则不然 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <style type="text/css"> .divButtons {

在IE中，后退按钮和退格都可以在具有固定顶部div和命名链接的页面上工作

编辑：我已经用这个更新的代码澄清了我的问题。在Chrome和Firefox中一切正常，但在IE中则不然

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <style type="text/css">
        .divButtons
        {
            z-index: 999;
            position: fixed;
            width: 100%;
            height: 38px;
            top: 0px;
            left: 0px;
            background-color: #f3f3f3;
            border-bottom: #ccc 1px solid;              
        }
        .divFullViewArea
        {
            position: absolute;
            top: 38px;
        }
        .divViewArea
        {
            padding-top: 20px;
        }
    </style>

    <!--[if IE]>
    <style type="text/css">
        * {
            margin: 0px
        }
        html {
            min-height: 100%; height: 100%; overflow: auto
        }
        body {
            min-height: 100%; height: 100%; overflow: auto
        }
        .divFullViewArea {
            position: relative;
            padding-bottom: 8px; padding-left: 8px; width: 100%; padding-right: 8px; height: 95%; overflow: auto; padding-top: 8px
        }
        .divFullViewArea * {
            margin: auto
        }
        .divButtons {
            position: fixed; margin: 0px; top: 0px; left: 0px
        }
        * html .divButtons {
            position: absolute;
        }
    </style>
    <![endif]-->

</head>
<body>      
    <div class="divButtons">
        Top
    </div>
    <div class="divFullViewArea">
        <p>
            <a id="link1" href="#chapter1">Chapter 1</a>
            <br>
            <a id="link2" href="#chapter2">Chapter 2</a>
            <br>
            <br>
            <br>
            <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
            <a name="chapter1">Chapter 1</a>
            <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
            <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
            <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
            <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
            <a name="chapter2">Chapter 2</a>
            <br>
            <br>
        </p>
    </div>
</body>

有什么建议吗？

清除溢出：自动；会解决你的问题

像这样：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head></head>
<body>
    <div style="position:relative; height: 150px; width: 200px; ">  
        <p>
            <a id="link1" href="#chapter1">Chapter 1</a>
            <br>
            <a id="link2" href="#chapter2">Chapter 2</a>
            <br>
            <br>
            <br>
            <a id="chapter1">Chapter 1</a>
            <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
            <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
            <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
            <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
            <a id="chapter2">Chapter 2</a>
            <br>
            <br>
        </p>        
    </div>
</body>

你需要它在那里吗？在我看来，它在div上创建了一个应该避免的额外滚动。

似乎不可能将我当前的CSS与锚链接相结合。我的解决方案是使用这个CSS：

我更新了代码示例。我最初的代码片段实际上是网页的一部分，上面有一个固定的div。请看一下我更新的代码好吗？谢谢。这是溢出：自动仍然给你带来麻烦。这次在CSS中：将其从.divFullViewArea类中删除。。。。。。啊，我现在明白了。。。你想让顶杆保持原位。是的，我想让顶杆保持原位。那么我该怎么办呢？考虑到你目前的结构，这会有点困难。你能告诉我你想达到的目标是什么吗？我想在顶端有一个固定的酒吧。然而，似乎不可能将我当前的CSS与锚链接结合起来。我的解决方案是改用这个CSS:。