使用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,当滚动到页面顶部的时候固定在顶部,离开可继续...
展开全部 代码:\\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\\x...

用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或jq怎么实现滚轮控制页面上下滑动
第一步:下载jquery-mousewheel插件 第二步:复制以下代码做测试,打开日志看效果 jQuery(function($) { ('#nav').bind('mousewheel', function(event, delta) { var dir = delta > 0 ? 'Up' : 'Down';if (dir == 'Up') { console.log(“向上滚动, www.imiansha.com”);} else { ...

用JS或者JQ,当一个DIV层达到一定高度的时候,自动隐藏下面的一个DIV层...
那要看你的层 的高度是怎么达到的,比如说是点击某个按钮层高度变化并且达到了一定的高度的话就是这样的:(按钮).click(function(){ if($(层).height>...){ (要隐藏的层).hide();} }

求一个网页代码,要求实现网页滚动到指定位置后显示某个DIV,滚动到...
可以是可以,但是要用JS,判断$(window).scrollTop()这个东西就可以了~当它大于等于200,小于400时触发显示DIV1的函数,当大于等于400时触发DIV2的函数,监听scroll事件就可以了~(我用的是JQ的写法,JS的你可以自己根据需求改一下~)

js或jq怎样可以使滚轮滚动固定距离
你好,实现如下,请现在 body 加一定的 br 出现上下滚动条 够长。不懂请追问。希望采纳!!<script src="http:\/\/libs.baidu.com\/jquery\/1.9.0\/jquery.js" type="text\/javascript"><\/script> <script type="text\/javascript" src="jquery.mousewheel.min.js"><\/script> <script type="text\/...

如何通过JQuery将DIV的滚动条滚动到指定的位置
前置条件:div作为盒子限制高度,并设置overflow:auto。在内容超溢出时会出现滚动条(默认Y轴)实现滚动条滚动到指定位置有两种情况:无效果 和 有动画效果 (1)无效果--直接使用scrollTop方法 \/\/100为高度,单位px$('.box').scrollTop(100)(2)有效果--使用animate方法 \/\/100为高度,单位px;300为...

如何用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 = docume...

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

求一个js\/jq页面效果代码
innerHeight||db.clientHeight)-o.offsetHeight);if(c!=0){ o.style.top = o.offsetTop + Math.ceil(Math.abs(c)\/10)*(c<0?-1:1) + 'px';}else{ clearInterval(timer);} },10)} } } } } scroll({ id:'left', \/\/ 所需要滚动的div的id l:0,t:170,})<\/script> ...

相似回答
大家正在搜