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
                }
              ); 
          });
        });
  • 相关阅读:
    iframe操作
    常用插件整理
    js原生的url操作函数,及使用方法。(附:下边还有jquery对url里的中文解码函数)
    espcms自定义表单邮件字段
    网页百度地图API相关资料
    css3 transition的各种ease效果
    点击按钮后延迟跳转
    js判断checkbox状态,处理表单提交事件
    js禁止网页使用右键
    jquery对url中的中文解码
  • 原文地址:https://www.cnblogs.com/lljun/p/12320823.html
Copyright © 2011-2022 走看看