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
                }
              ); 
          });
        });
  • 相关阅读:
    python 数据类型之列表(list)
    Python 数据类型之字符串(string)
    Python 基本语法
    Windows系统下Pycharm的安装与使用
    Windows系统下安装Python
    Fiddler Session List会话列表(监控面板)
    fiddler 常用快捷键
    fiddler 工具栏介绍
    SEPM:USB 权限管理(1)--通知权限过期用户即将卸载权限事宜
    终端管理:计算机违规软件清理 (未完待续)
  • 原文地址:https://www.cnblogs.com/lljun/p/12320823.html
Copyright © 2011-2022 走看看