Question

当我加载页面时，div位于屏幕的顶部，但是当我开始滚动时，它会跳转到它应该的位置。

点击此处的网站： calretirement.com/classes-test.php

CSS：

 .register{position:fixed !important; bottom:120px !important;   width: 340.453px;
  margin-top: 29px;
  }

  #stickyForm2015 {-webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

jQuery的：

    <script>
    $(window).scroll(function(){
        if
      ($(window).scrollTop() > 670){
          $("#stickyForm2015").addClass("register");

        }


        else
        {
            $("#stickyForm2015").removeClass("register");
            updateSliderMargin();
        }


    });
</script>

<script>
    $(window).on("scroll", function(){
        if
      ($(window).scrollTop() > 2500){

            $("#stickyForm2015").removeClass("register");
            updateSliderMargin();
        }


    });
</script>

开放给建议!!需要帮助！

Answer 1

如果你想用jquery动画滚动，你可以这样做：

$('html, body').animate({scrollTop: '0'}, 400);

如果你想用css制作动画，你需要从某个东西到某个东西的动画，你的课程似乎并没有这样做。

.original-class{
    position: relative;
    top: 500px;
    transition: top .4s ease-in-out; //only necessary if you plan on animating back
}

.animate-original-class{
    top: 0;
    transition: top .4s ease-in-out;
}

jQuery scrollTop跳转到屏幕顶部

1 个答案: