如何使用jquery ,浏览器窗口滚动到一定距离，显示div中的内容

1. 函数的编写

function getTop(){

var top = $(document).scrollTop();

if($(document).scrollTop()>500){

$(".SuspensionFrame").show();

} else {

　　　　　　　　　　$(".SuspensionFrame").hide();

}

setTimeout(getTop);

}

getTop();

SuspensionFrame 为需要显示的div值的id

$(document).scrollTop() 为获取网页划动后和顶部的距离

原文地址：https://www.cnblogs.com/huanglp/p/9004043.html

时间： 2024-10-10 18:06:17

如何使用jquery ,浏览器窗口滚动到一定距离，显示div中的内容的相关文章

怎样使一个div标签随着浏览器窗口的改变一直居中显示

在我们开发页面的过程中,经常会遇到让div居中在浏览器中显示,或使div标签在父级div中居中显示,下面就是解决方法1.在浏览器中居中显示 <style> .main{width:200px;height:200px;margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;} </style> <div class="main"></div> 2.在父级

基于jQuery实现页面滚动时顶部导航显示隐藏效果

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title</title> <link rel=&quo

Flask-在浏览器中直接显示文本文件中的内容

目录结构: project├── info.json├── run.py└── static └── readme.txt # 直接返回static目录下的文件内容 @app.route('/readme.txt') def hi(): return redirect(url_for('static',filename='readme.txt')) # 若要返回根目录下的文本文件,如info.json则: @app.route('/<path>') def info(path):

css通用小笔记03——浏览器窗口变小 div错位的问题

我最近写网页的时候,经常碰到一个普遍的问题,经过我的查阅和尝试,终于解决了这一问题,这里有两种方法提供给大家,如果博友还有更好的方法,欢迎补充. 一.使用min-width属性: 我们先看看下面这段代码(html): 1 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 2 <head> 3 <title>无标题文档</

简单的jQuery无缝向上滚动效果

html <!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><title>简单的jQuery无缝向上滚动效果演示1_dowebok</title><style>* { margin: 0; padding: 0;}.myscroll { width: 300px; height: 260px; margin:

jquery获取窗口高度的方法及判断scroll滚动到底部

$(window).height() 获取的是当前可视窗口的高度,也就是用户能看到的窗口的高度,是不变的(在窗口大小不变的前提下)$(document).height() 获取的是窗口内文档的高度,这个高度随着文档内容的高度改变而改变当窗口滚动条滚到最低端时,$(document).height() == $(window).height() + $(window).scrollTop().当窗口内文档高度不足浏览器窗口高度时,$(document).height()返回的是$(wi

jQuery 向上滚动屏幕及在高版本的 jQuery 浏览器判断

//向上移动屏幕 //317这个高度可以通过$(document).scrollTop() 来测试得到 var userAgent = navigator.userAgent.toLowerCase(); //不能使用:$.browser.mozilla 之类的来判断.赋值也不能用他们,也就是不能写成: // $.browser.mozilla = /firefox/.test(userAgent); var isMozilla = /firefox/.test(userAgent); var

Jquery使容器自适应浏览器窗口

一.几个关键点 1:当文档大小改变时可以通过哪个事件来触发? resize([Data], fn) 可传入data供函数fn处理. 示例: $(window).resize(function(){ alert("Stop it!"); }); 2:怎样获得浏览器窗口的宽度高度? 获取当前浏览器窗口的宽度 $(window).width(); 获取第一段的宽 $("p").width() 获取当前HTML文档宽度 $(document).width(); 3

常用高度——获取浏览器窗口的高度（jquery和js）

jquery的用法: <script type="text/javascript"> $(document).ready(function() { alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 (这儿也是包括滚动条的) alert($(document.body).height());//浏览器时下窗口文档body的高度 (这儿也是包括滚动条的)