zoukankan      html  css  js  c++  java
  • 弹窗随屏幕滚动

    1、
    $(document).ready(function() {
          var menuYloc = $("#offsetTop").offset().top - 350; //此ID为随着屏幕滚动div的ID,这个是获取的距离屏幕顶部的距离
          $(window).scroll(function() {
            var offsetTop = menuYloc + $(window).scrollTop() + "px"; //这个是距离顶部的距离加上滚动的距离
            if ($(window).scrollTop() > 248) {
              $("#offsetTop").animate(
                { top: offsetTop },
                { duration: 300, queue: false }
              ); //此ID为随着屏幕滚动div的ID
            } else {
              $(".offsetTop").animate(
                { top: 220 },
                {
                  duration: 300,
                  queue: false
                }
              ); //此ID为随着屏幕滚动div的ID
            }
          });
        });
    注:标记颜色的部分可根据具体情况更改;
     2、
    $(document).ready(function() {
          var menuYloc = $(".offsetTop").offset().top; 
          $(window).scroll(function() {
            var offsetTop = menuYloc + $(window).scrollTop() + "px";
              $(".offsetTop").animate(
                { top: offsetTop },
                { duration: 300, queue: false }
              );
              $(".offsetTop").animate(
                { top: menuYloc },
                {
                  duration: 300,
                  queue: false
                }
              ); 
          });
        });
  • 相关阅读:
    【HAOI2014】贴海报
    【HAOI2016】食物链
    【NOI2003】银河英雄传
    【HAOI2013】花卉节
    【BZOJ1702】[usaco2007margold]队列平衡
    【网络流24】餐巾
    洛谷 [P1265] 公路修建
    全排列与 康托展开
    洛谷 [P1403] 约数研究
    高精度模板
  • 原文地址:https://www.cnblogs.com/lljun/p/12320823.html
Copyright © 2011-2022 走看看