您现在的位置是:首页 > 网站制作 > jQueryjQuery

第一屏滚动全屏

林剑伟2024-02-18【jQuery】人已围观

简介第一屏滚动全屏

  
$(function() {

  var dqgd = $(window).height();

  var dqgdjl = $(window).scrollTop();

  var flag = true;

  $(window).scroll(function() {

    if (dqgdjl < dqgd) {

      if (flag) {
        if ($(window).scrollTop() > dqgdjl) {
          $("html,body").stop().animate({
            scrollTop: dqgd
          }, 500);
          dqgdjl = dqgd;
          flag = false;
          setTimeout(function() {
            flag = true;
          }, 500)
          console.log(1111, flag, dqgdjl, dqgd)
        } else {

          $("html,body").animate({
            scrollTop: 0
          }, 500);
          dqgdjl = 0;
          flag = false;
          setTimeout(function() {
            flag = true;
          }, 500)
          console.log(2222)
        }
      } else {
        dqgdjl = $(window).scrollTop();
      }

    } else {
      dqgdjl = $(window).scrollTop();
    }

  });

})
 

Tags:

很赞哦! ()

文章评论

    共有条评论来说两句吧...

    用户名:

    验证码:

站点信息

  • 建站时间:2019-03-02
  • 网站程序:林剑伟
  • 文章统计31篇文章
  • 标签管理标签云
  • 微信公众号:扫描二维码,关注我们