Html 我如何在一个点到另一个点的间隔内固定位置

Html 我如何在一个点到另一个点的间隔内固定位置,html,css,fixed,Html,Css,Fixed,嗯。正如你从标题中看到的,我正在寻找一种方法来做到这一点:。只要看看在某个点上向下滚动时,第一个文本是如何跟随您的。我如何才能做到这一点?使用jQuery可以很好地解决这个问题。 见工作 CSS: JavaScript: window.onscroll=函数(){ 如果($(窗口).scrollTop()-$(“#div1”).offset().top)>=$(“#div1”).height()-$(“#div1”).innerHeight()&($(窗口).scrollTop()-$(“#d

嗯。正如你从标题中看到的,我正在寻找一种方法来做到这一点:。只要看看在某个点上向下滚动时,第一个文本是如何跟随您的。我如何才能做到这一点?

使用jQuery可以很好地解决这个问题。 见工作

CSS:

JavaScript:

window.onscroll=函数(){

如果($(窗口).scrollTop()-$(“#div1”).offset().top)>=$(“#div1”).height()-$(“#div1”).innerHeight()&($(窗口).scrollTop()-$(“#div1”).offset().top)您看到的是使用称为视差滚动的技术完成的

参考:

 #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;
}
<div id="div1">
        <h1 id="flowingtext">
                its flowing
            </h1>
</div>