如何制作固定位置但仅限于div。从一个点到另一个点

Question

确定。正如您从标题中看到的，我正在寻找一种方法：http://preview.ab-themes.com/?product=revelance。只需查看第一个文本在向下滚动它停止的某个点时如何跟随您。我怎么能这样做？

Answer 1

你看到的是使用名为 Parallax Scrolling 的技术。

参考：Skrollr

Answer 2

你可以用jQuery解决它。 见工作Fiddle

CSS：

 #div1 {
    margin-top: 400px;
    margin-bottom: 500px;
    height: 200px;
    width: 100px;
    border: 2px solid black;
    padding: 30px;
    overflow: hidden;
}
#flowingtext {
    top: 0;
    margin: 0;
    position: relative;
}

JavaScript的：

window.onscroll = function () {
        if (($(window).scrollTop() - $("#div1").offset().top) >= $("#div1").height() -   $("#div1").innerHeight() && ($(window).scrollTop() - $("#div1").offset().top) <= $('#div1').height()) {

            $('#flowingtext').css('top', $(window).scrollTop() - $("#div1").offset().top + "px");
        }
    };

HTML：

<div id="div1">
        <h1 id="flowingtext">
                its flowing
            </h1>
</div>