js获取要定位元素距离浏览器顶部的距离_js获取元素距离浏览器顶部距离,为什么是0_zzsi的博客-程序员秘密

技术标签: javascript  

<script type="text/javascript">
	$(function(){
    //获取要定位元素距离浏览器顶部的距离
    var navH = $("#new_left").offset().top;
	var y = $("#new_left").height();
	console.log(y);
	
    //滚动条事件
    $(window).scroll(function(){
    //获取滚动条的滑动距离
      var scroH = $(this).scrollTop();
      //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离,就固定,反之就不固定
      if(scroH>=navH){
        $("#new_left").css({"position":"fixed","top":0});
      }else if(scroH<navH){
        $("#new_left").css({"position":"static"});
      }
	

    });
  });
  // $("#new_left").css({"position":"fixed","bottom":378});
</script>

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_39339179/article/details/115372125

智能推荐

零基础学习Linux(二)网页乱码问题_浏览器乱码 linux_二三四的博客-程序员秘密

上次的博文中我们已经将Linux环境搭建完毕了,接下来我们就可以进行相关的操作了,在进行操作之前,我们先来看一下大家在安装过程中可能遇到的中文网页乱码问题。

打造属于自己的量化投资系统10——基于tick数据进行backtrader回测_backtrader基于tick进行回测_觉醒2020的博客-程序员秘密

1.环境安装:在backtrader目录下,新建文件夹,并且命名为juexing2020.com下载download.py和interface.py文件,并保存到juexing2020.com文件夹2.实时数据回测运行download.py:从服务端实时下载股票交易数据,以csv格式保存数据到本地目录运行backtrader,加载csv数据,进行股票实时回测# -*- coding: utf-8 -*-"""Created on Thu Jun 4 16:20:54 2020文件名:d

java打印Excel表格_浴缸灬的博客-程序员秘密

这里用servlet简单介绍一下java打印报表1.无合并行/列package weaver.xhyy.servlet;import java.io.File;import java.io.FileInputStream;import java.io.FileOutputStream;import java.io.IOException;import java.io.Input...

springboot跨服务器文件上传,关于springboot 中使用httpclient或RestTemplate做MultipartFile文件跨服务传输的问题..._LlalyLau刘雅俐的博客-程序员秘密

大家好,因为近期做需求中遇到了文件上传这个东西,而且我这个还是跨服务去传输文件的所以我这边使用了httpclient和RestTemplate去做,但是最后还是用的httpclient。feign和RestTemplate在超大文件下会OOM所以适用于小文件传输我这边测试的在1G以下。httpclient好像是无限哈哈哈。(具体多少大家有时间可以去测一下)1.被调用服务的Controller1.这...

Android 网页抓取(实现新闻客户端)_android爬取网页新闻_000wen_Android的博客-程序员秘密

Android 网页抓取(实现新闻客户端)文章摘自:http://gqdy365.iteye.com/blog/2104046如何实现从各大网抓取新闻并经过格式处理现实到我们的新闻客户端呢?Android客户端抓取并解析网页的方法我用到的有两种:一、用jsoup没仔细研究,网上有类似的,可以参考这两位兄弟的:http://decentway.iteye.

宏病毒的研究与实例分析03——宏病毒处理篇_鬼手56的博客-程序员秘密

文章目录宏病毒处理思路破坏宏标志宏清除脚本手工清理宏(针对* .DOCM和* .XLSM文档)替换宏代码说明在前一章我们解析了宏病毒的二进制格式,本篇紧跟上文,利用宏病毒的二进制格式清除宏病毒。宏病毒处理思路破坏宏标志在解析OLE文件时,我们介绍过Directory,其中其偏移0x42H这个字节的表示DirectoryEntry的类型Type。0为非法,1为目录(storage),2为节点...

随便推点

art-template入门(四)之调试_茅坤宝骏氹的博客-程序员秘密

转载自  art-template调试template.defaults.debugart-template 内建调试器,能够捕获到语法与运行错误,并且支持自定义的语法。在 NodeJS 中调试模式会根据环境变量自动开启:process.env.NODE_ENV !== 'production'设置 template.defaults.debug=true 后,等同于: {...

ORACLE:ORA-00001:违反唯一约束条件解决方法_www476907899的博客-程序员秘密

ORACLE违反唯一约束条件解决方法java代码报错:java.sql.BatchUpdateException: ORA-00001: 违反唯一约束条件 (TTT.table)        at oracle.jdbc.driver.DatabaseError.throwBatchUpdateException(DatabaseError.java:629)        at

基本的 Python socket 模块_weixin_30412577的博客-程序员秘密

ocket 模块Socket 模块提供了 UNIX 程序员所熟悉的基本网络服务(也称为 BSD API)。这个模块中提供了在构建 socket 服务器和客户机时所需要的所有功能。这个 API 与标准的 C API 之间的区别在于它是面向对象的。在C中,socket描述符是从socket调用中获得的,然后会作为一个参数传递给BSD API函数。在Python中,socket 方法会向应用so...

[pycharm] 行号栏太宽_pycharm里行号太宽怎么_ASR_THU的博客-程序员秘密

行号栏太宽会挤占屏幕,进入setting设置取消gutter icons:新的行号栏:

Windows画图白板源码 C#编程电子白板_shangdaoxi的博客-程序员秘密

 DrawTools,用c#开发的一款小巧实用的绘图软件。此资源是其详细的源代码,采用C#2005开发,希望给大家提供参考!如果有爱好这方面的朋友可以加我好友,大家一起讨论 http://hi.csdn.net/link.php?url=http://shangdaoxi.download.csdn.net

学习笔记:MIPS 交叉编译GLIB_glib mips 架构_wch3535的博客-程序员秘密

<br />1、echo ac_cv_type_long_long=yes>mips-linux.cache;echo glib_cv_long_long_format=ll>>mips-linux.cache;echo glib_cv_stack_grows=no>>mips-linux.cache;echo glib_cv_uscore=no>>mips-linux.cache;echo ac_cv_func_posix_getpwuid_r=yes>>mips-linux.cache;echo ac_

推荐文章

热门文章

相关标签