Jquery 在DIV中滚动时的DIV位置
我有个问题要问你。 我正在使用这个名为的插件。很酷,我喜欢 现在,当我在jscrollpaned div中上/下滚动时,我必须在页面中的某个地方获取div的顶部位置代码>它正在工作。但是这个函数不是我需要的。我需要一个函数,当我在该DIV中滚动时调用它 所以Jquery 在DIV中滚动时的DIV位置,jquery,html,scroll,position,Jquery,Html,Scroll,Position,我有个问题要问你。 我正在使用这个名为的插件。很酷,我喜欢 现在,当我在jscrollpaned div中上/下滚动时,我必须在页面中的某个地方获取div的顶部位置它正在工作。但是这个函数不是我需要的。我需要一个函数,当我在该DIV中滚动时调用它 所以$('.scroll pane').scroll()不起作用(其任何容器都不起作用) 下面是要理解的代码。这是有效的: $(window).scroll(function() { var head_pos = $('.lister-head
$('.scroll pane').scroll()代码>不起作用(其任何容器都不起作用)
下面是要理解的代码。这是有效的:
$(window).scroll(function() {
var head_pos = $('.lister-head').offset();
});
$(窗口)。滚动(函数(){
var head_pos=$('.lister head').offset();
});
我结巴了。有人能帮帮我吗?没有一个明确的例子,很难帮助,但我想看看那个库,所以我现在可以帮忙了:
peduarte肯定是对的,您的答案围绕API,更具体地说,围绕API,非常简单:
您应该绑定事件进行滚动,这取决于您滚动的方式,然后您几乎可以在任何地方访问scrollpane对象的上下文
我在JSFIDLE中玩了一点,看看:;) 这里是解决方法
<div style="position:fixed; margin-left:300px; font-size:24px; text-decoration:none; font-weight:bold; font-style:normal;">
<a href="#whatisit">What is it</a>
<a href="#desc">Description</a>
<a href="#faq">FAQ</a>
</div>
<div id="clockbox" style="height:4000px;">
<h1 id="whatisit" style="height:400px;">What is it</h1>
<h1 id="desc" style="height:400px;">Description</h1>
<h1 id="faq" style="height:400px;">FAQ</h1>
</div>
您也可以使用%height,甚至可以不使用它。不管怎样,你都会得到这个职位。为了更好地理解,我指定了高度
我想你会想出一个办法来改变现状的。干杯:)。你看了吗?他们可能有一些东西可以帮助你。我当然有,但没有一个对我有用。
$(window).scroll(function() {
if(parseInt($('#whatisit').offset().top) + $('#whatisit').height() >= ($(window).scrollTop())){
$('a').css('color','blue');
$('a[href="#whatisit"]').css('color','black');
}
else if(parseInt($('#desc').offset().top) + $('#desc').height()>= ($(window).scrollTop())){
$('a').css('color','blue');
$('a[href="#desc"]').css('color','black');
}
else if(parseInt($('#faq').offset().top) + $('#faq').height() >= ($(window).scrollTop())){
$('a').css('color','blue');
$('a[href="#faq"]').css('color','black');
}
});