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

如题所述

第1个回答 2022-11-16

代码：\x0d\x0a•$(function(){\x0d\x0a\x0d\x0a•//获取要定位元素距离浏览器顶部的距离\x0d\x0a\x0d\x0a•var navH = $(".nav").offset().top;\x0d\x0a\x0d\x0a•//滚动条事件\x0d\x0a\x0d\x0a•$(window).scroll(function(){\x0d\x0a\x0d\x0a•//获取滚动条的滑动距离\x0d\x0a\x0d\x0a•var scroH = $(this).scrollTop();\x0d\x0a\x0d\x0a•//滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定\x0d\x0a\x0d\x0a•if(scroH>=navH){\x0d\x0a\x0d\x0a•$(".nav").css({"position":"fixed","top":0});\x0d\x0a\x0d\x0a•}else if(scroH

相似回答

使用js或jq控制一个div,当滚动到页面顶部的时候固定在顶部,离开可继续...答：•//滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定 •if(scroH>=navH){ •$(".nav").css({"position":"fixed","top":0});•}else if(scroH<navH){ •$(".nav").css({"position":"static"});•} •})&...

用js控制div跟随鼠标移动,鼠标点击后,鼠标离开,div留在当前点击的位置怎...答：你要的应该是拖拽效果，可以通过jq插件做 http://www.runoob.com/jqueryui/example-draggable.html基本原理就是鼠标按下修改div的left和top（或者right/bottom）。鼠标离开不变。<!DOCTYPE html><html><head><script src="/jquery/jquery-1.11.1.min.js"></script><Style>#test{position:absolute;...

如何使用JS或者jquery完成页面按ID平滑滚动答：一个大的div，设置好他的高度height:400px;overflow:hidden，让超出部分隐藏，div里面有个小层，来放你要滚动的内容，点击一下top 就animate({"margin-top":"每次滚动的像素"},"time,滚动的时间",function(){//滚动完之后是否执行其他函数})...

如何用jq或js控制一个div的高度随着另一个div的高度的变化而变化答：可以自己完善。<body><input type="button" id="btn" value="变大" /><div style="width:100px; height:100px; border:1px solid #ccc; float:left;" id="div1"></div> <div id="div2"></div></body><script>var oBtn = document.getElementById('btn');var oDiv1 = documen...

使用js或jq,设置div的显示和隐藏答：很简单~做一下判断就行了~代码如下：<script type="text/javascript" src="jquery-1.8.3.min.js"></script><script type="text/javascript">$(function(){var pm_width=$(document.body).width();var width=$("#zheli").width();if(pm_width>width){$("#xianshi").css("display","...

jq/js怎么实现滚动条滚动时缓慢的滑动,不是返回顶部,是整个页面...答：var timer; $(function(){ //滚动条滚动触发 $(window).scroll(function(){ clearInterval(timer); var topScroll=getScroll(); var topDiv="100px"; var top=topScroll+parseInt(topDiv); timer=setInterval(function(){ //动画移动 $(".test")...

如图js怎么控制当里面的滚动滚动到底部的时候,不触发外面body的滚动事件...答：jq $().scroll(function(e){ e.stopPropagation()})

...中js怎么取到div中滚动条距离顶部的高度,是div的滚动条不是body的...答：如果使用Jq，div中滚动条距离顶部的高度： $("某DIV元素").scrollTop();

如何用js或Jq获取DIV内元素相对于DIV元素滚动条顶部的距离?答：(function(){ alert($("#ok").position().top);}

大家正在搜

js控制div滚动条 js控制div上下移动 js控制div移动 js使一个div隐藏简单js控制div的显示与隐藏怎样使div居中到网页的中间 js控制div隐藏 js控制div显示 js控制div显示隐藏实现