wlbk.net
当前位置:首页 >> 使用js或jq控制一个Div,当滚动到页面顶部的时候固定在顶部,离开可继续滚动吗? >>

使用js或jq控制一个Div,当滚动到页面顶部的时候固定在顶部,离开可继续滚动吗?

代码:$(function(){//获取要定位元素距离浏览器顶部的距离var navH = $(".nav").offset().top;//滚动条事件$(window).scroll(function(){//获取滚动条的滑动距离var scroH = $(this).scrollTop();//滚动条的滑动距离大于等于定位元素距

定义和用法scrollTo(xpos,ypos) 方法可把内容滚动到指定的坐标.xpos 必需.要在窗口文档显示区左上角显示的文档的 x 坐标. ypos 必需.要在窗口文档显示区左上角显示的文档的 y 坐标. 滚动到顶部 为 div.scrollTo(0,0);

//html<body> <div style="background:#003366;height:500px;">空div</div> <div class="purple" style="height:500px;width:200px;background:purple"><div class="nb" style="height:100px;width:100px;background:#9966FF">移动到顶

可能会分3种情况:1、浏览器的窗体滚动,这个估计每个浏览器都不一样,记得以前ie中纵向不超屏幕,横向超过一屏,用滚轮就横着滚,没测试.2、iframe中的窗体滚动.3、div中的内容overflow滚动.1是随着屏幕分辨率计算,比较难控制.2与3是可以用宽度高度控制,也可以由js判断初始化或者后续控制.有了这些基础后,推荐使用js进行控制,当scroll的时候把y轴的变化转换到x轴上,根据以上情况的不同,控制好用户体验.

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>jquery浮动层</title> <script src="jquery-1.8.3.js"></script><!-- 注意修改引用路径 --> <style type="text

你好!回页面顶部,你根本不需要用js.你只需要使用锚点---在顶部放一个超链接<a name=“top”></a>再到网页的右下角放一个按钮<a href="#top">回顶部</a>即可实现,轻松加愉快打字不易,采纳哦!

通过css定位,来设置div在页面滚动中固定不动,CSS position定位属性 static 元素框正常生产relative 相对定位: 相对于正常定位进行偏移 absolute 绝对定位: 相对于其包含块定位. 因为绝对定位的框与文档流无关,所以它们可以覆盖页面上的其它元素.可以通过设置 z-index 属性来控制这些框的堆放次序.fixed 固定定位: 相对于视窗本身定位, 元素框的表现,类似于将 position 设置为 absolute,不过其包含块是视窗本身.

用JS做的,很简单.我可以给你写一个JS代码.你把需求发给我吧.这是我给别人写的,你可以参考一下,是不是这样的效果:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose

在$(window).scroll()方法中你只要获取滚动条的srollTop,当srollTop大于指定值的时候,把div设置为position:fixed,当srollTop小于指定值的时候,取消Div的fixed定位就好了

建议使用css实现,效果更佳,使用position: fixed,固定定位,具体位置的调整是用top、left、right、bottom也可以使用margin调整 css实现代码<div style="position: fixed;top:100px; left: auto; right: auto; bottom: auto; " ></div>一般的网站的浮动

相关文档
网站首页 | 网站地图
All rights reserved Powered by www.wlbk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com