javascript - 如何在没有 jquery 的情况下滚动时使 div 保持原位？

Question

如何在没有 jquery 的情况下滚动时使 div 保持原位？

我想做一些像 The New Stuff | 下一件大事 | 什么比较流行

不使用 jquery 的 mashable 的标头部分（仅 javascript）

有人可以帮我吗？

score 4 · Accepted Answer

您是否尝试position:fixed过设置顶部和左侧的 CSS？这是在没有脚本的情况下实现它的唯一方法。

score 2 · Accepted Answer

您可以使用 css 很好地做到这一点。

#id_name{position:fixed;top:some_value;left:some_value;}

这会将 div 修复为您为左侧和顶部位置提供的相应值

score 2 · Accepted Answer

使用这个 HTML：

<div id="myElement" style="position: absolute">This stays at the top</div>

Javascript：

$(window).scroll(function() {
    $('#myElement').css('top', $(this).scrollTop() + "px");
});

它将一个事件附加到窗口的滚动条上，并将元素向下移动到滚动为止。

score 0 · Accepted Answer

您可以使用 CSS 固定位置：

position:fixed;

然后将元素相对于窗口定位

left:50px;
top:50px;

这将在距离左上角 50px 的窗口中修复元素。

如果您只希望它在滚动到某个高度时发生，您可以在 onscroll 事件中在 Javascript 中操作它。

score 0 · Accepted Answer

0

使用 css 将 div 放置为固定，使其不会滚动：

position:fixed

于 2013-09-25T08:57:50.597 回答

score 0 · Accepted Answer

看看下面的演示。希望这有帮助

<div class = "hello">
    <ul>
        <li>Welcome </li>

    </ul>
</div>

6 回答 6