tnjk.net
当前位置:首页 >> 如何使用js检测页面上一个元素是否已经滚动到了屏... >>

如何使用js检测页面上一个元素是否已经滚动到了屏...

var top = obj.getBoundingClientRect().top //元素顶端到可见区域顶端的距离 var se = document.documentElement.clientHeight //浏览器可见区域高度。 if(top

利用jQuery: $(function(){ // 监听滚动事件 $(window).scroll(function(){ // 获得div的高度 var h = $("#你要滚到位置的div").offset().top; if($(this).scrollTop()>h && $(this).scrollTop() < h+100){ // 滚动到指定位置 $("#fl_yushou")....

用js或者jquery比较好实现。 但你要知道,滚动到哪个特定位置,例如滚动到一个标题h3那显示这个div,那么可以用jquery算这个h3距离网页顶部的距离:$("h3").offset().top,这个值有了后,还要算滚动条的距离$(this).scrollTop()。第一个值是不会...

$(window).scroll(function () { if ($(window).scrollTop() == $(document).height() - $(window).height()) { alert('bottom!!'); } });

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

你的描述很不清楚,我只能认为元素位于浏览器正中位置了。因为对于滚动条只能获取它的scrollTop,那么只能在这个上面想办法。在这里你就要建立一个等式,四个参数,滚动条的scrollTop,window的height,目标元素的offerset.top和它自身的height...

CSS中有个position为fixed时,元素就会固定祝 如果你要用JS表示, 原生JS: document.getElementById('id').style.position = 'fixed'; jQuery:$('selector').css('position', 'fixed');

有 jQuery 一句就足够了。第一个 scrollTop(0) 还原到顶端,防止刷新位置不变。 $("html, body").scrollTop(0).animate({scrollTop: $("#scroll").offset().top});

$(document).ready(function () { $(window).scroll(function () { if ($(window).scrollTop() == 100) { alert('ok!!'); } }); }); 当滚动100px 后再执行程序了

根据div的top和滚动条top判断,参照lazyload做了个demo如下 无标题文档 111 1111 111111111111 111111111111

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