文档章节

滚动触发//MOUSE移动触发//窗体改变触发.

陈映亮
 陈映亮
发布于 2015/01/10 14:30
字数 255
阅读 10
收藏 0

$(function(){    
    // alert($('.post-message').offset().top);
    // alert($('#pos-message').position());
  $(window).scroll(function() {    
    var window_height = $(window).height();//获得页面总高度
    var scroll_top = $(document).scrollTop();//获得已滚动上去的高度
    var offLeft = $('.post-message').offset().left;
    var trueleft = offLeft+285;
    //$("body").css({"background-position":"center "+$(window).scrollTop()+""});
    if($(window).scrollTop()>=900){
        $("#weixin").addClass("fixedweixin").show().css({left: trueleft});
    }else{
        $("#weixin").addClass("fixedweixin").hide();
    }
  });
//MOUSE移动触发
  $('body').mousemove(function(event) {
      // alert('ds')
      var window_height = $(window).height();//获得页面总高度
    var scroll_top = $(document).scrollTop();//获得已滚动上去的高度
    var offLeft = $('.post-message').offset().left;
    var trueleft = offLeft+285;
    //$("body").css({"background-position":"center "+$(window).scrollTop()+""});
    if($(window).scrollTop()>=900){
        $("#weixin").addClass("fixedweixin").show().css({left: trueleft});
    }else{
        $("#weixin").addClass("fixedweixin").hide();
    }
     
  });
//窗体改变触发
  $(window).resize(function(){
       var window_height = $(window).height();//获得页面总高度
    var scroll_top = $(document).scrollTop();//获得已滚动上去的高度
    var offLeft = $('.post-message').offset().left;
    var trueleft = offLeft+285;
    //$("body").css({"background-position":"center "+$(window).scrollTop()+""});
    if($(window).scrollTop()>=900){
        $("#weixin").addClass("fixedweixin").show().css({left: trueleft});
    }else{
        $("#weixin").addClass("fixedweixin").hide();
    }
});

});

<style type="text/css">
    
.fixedNav{
    position:fixed !important;
    top:0px;
    left:0px;
    width:100%;
    z-index:100000;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop));
}
.fixedweixin{
    position:fixed !important;
    top:50px;
    right:20px;
    width:200px;
    z-index:100000;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop));
}
</style>


© 著作权归作者所有

上一篇: GIT相关
陈映亮
粉丝 10
博文 130
码字总数 38454
作品 0
深圳
程序员
私信 提问
粉丝群DOM小测第27期直播答疑文字版

原文地址:www.zhangxinxu.com/wordpress/?… 一、题目与考察点 题目如下(纸质打印拍摄图): 是相当简单的一道题目,入门级别的,虽然挺简单,但还有很多细节是很多人不知道的,因此还是很...

张鑫旭
01/26
0
0
移动端 触摸事件 ontouchstart、ontouchmove、ontouchend、ontou

1、Touch事件简介 pc上的web页面鼠 标会产生onmousedown、onmouseup、onmouseout、onmouseover、onmousemove的事件,但是在移动终端如 iphone、ipod Touch、ipad上的web页面触屏时会产生ont...

GIFCOOL
2015/10/22
391
0
CSS进阶(11)—— overflow属性详解,利用CSS实现锚点定位

本章延续上一章BFC的内容深入探索BFC的最佳结界——overflow在其本职工作上的表现。 1.overflow的裁剪界线——border-box overflow属性用于指定块容器元素的内容溢出时的表现方式——滚动,裁...

1
06/20
0
0
JavaScript--DOM事件

JavaScript--DOM事件 事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。 一、HTML事件 语法: 功能:在HTML元素上绑定事件。 说明:执行脚本可以是一个函数的调用。 二、DOM0级事件 语法...

JS_HCX
2018/01/07
0
0
从触摸开始

前言 最近看了一本《移动Web手册》的书,奇舞团翻译的,非常不错。个人觉得在进入移动端的时候最先应该了解移动端新的交互模式:触摸。为什么这样说呢?在PC端,我们大多数的交互都是通过鼠标...

卢林
2016/09/25
15
0

没有更多内容

加载失败,请刷新页面

加载更多

nginx学习笔记

中间件位于客户机/ 服务器的操作系统之上,管理计算机资源和网络通讯。 是连接两个独立应用程序或独立系统的软件。 web请求通过中间件可以直接调用操作系统,也可以经过中间件把请求分发到多...

码农实战
今天
5
0
Spring Security 实战干货:玩转自定义登录

1. 前言 前面的关于 Spring Security 相关的文章只是一个预热。为了接下来更好的实战,如果你错过了请从 Spring Security 实战系列 开始。安全访问的第一步就是认证(Authentication),认证...

码农小胖哥
今天
11
0
JAVA 实现雪花算法生成唯一订单号工具类

import lombok.SneakyThrows;import lombok.extern.slf4j.Slf4j;import java.util.Calendar;/** * Default distributed primary key generator. * * <p> * Use snowflake......

huangkejie
昨天
12
0
PhotoShop 色调:RGB/CMYK 颜色模式

一·、 RGB : 三原色:红绿蓝 1.通道:通道中的红绿蓝通道分别对应的是红绿蓝三种原色(RGB)的显示范围 1.差值模式能模拟三种原色叠加之后的效果 2.添加-颜色曲线:调整图像RGB颜色----R色增强...

东方墨天
昨天
11
1
将博客搬至CSDN

将博客搬至CSDN

算法与编程之美
昨天
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部