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
                }
              ); 
          });
        });
  • 相关阅读:
    逻辑回归---sklearn
    逻辑回归---梯度下降法
    线回与非线回---线性回归标准方程法
    线回与非线回---sklearn--多项式回归
    线回与非线回---sklearn--多元线性回归
    web前端2020/1/20学习笔记
    web前端2020/1/18-2020/1/19学习笔记
    web前端2020/1/17学习笔记
    java2020/1/16学习笔记
    web前端2020/1/16学习笔记
  • 原文地址:https://www.cnblogs.com/lljun/p/12320823.html
Copyright © 2011-2022 走看看