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

Question

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

我想制作类似The New Stuff的东西下一件大事|什么是热门

mashable的标题部分，不使用jquery（仅限javascript）

有人可以帮我这个吗？

Answer 1

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

Answer 2

你可以使用css做到这一点。

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

这会将div固定在您为左侧和上方位置

给出的相应值

Answer 3

您可以使用CSS固定位置：

position:fixed;

然后将元素相对于窗口放置

left:50px;
top:50px;

这会将元素从左上角固定在50px的窗口中。

如果只想滚动到某个高度，你可以在onscroll事件中在Javascript中操作它。

Answer 4

使用此HTML：

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

Javascript：

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

它将一个事件附加到窗口的滚动上，并将元素向下移动到你滚动的位置。

Answer 5

使用css将div设置为固定，以便它不会滚动：

position:fixed

Answer 6

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

Js Fiddle Demo

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

    </ul>
</div>