.offset function inside .scroll function not works in jQuery

Question

I want to detect the top of '#select' element when scrolling. I have following codes:

$(document).ready(function(){
  $(window).scroll(function(){
    console.log($('#select').offset().top);
  });
});

<div id="select"></div>

But the thing it prints is not fixed during scrolling and I think it is the value of $(window).scrollTop(). when I put 'console.log ...' outside of '$(window)....' function everything works fine. What is the problem?

I found now the problem is from selector. In some cases when I changed the id it works fine, but for the 'select' id it not works and all the time it prints $(window).scrollTop() . Any one can help in this case? (Perhaps there is some problem with the css of '#select' element)

@adeneo, I fixed the coding errors in the OP's question (based on your feedback) and the snippet is now running as expected, ;-) — Marventus
– Marventus, Commented Jan 14, 2015 at 23:10
@Marventus - Please do not edit the code of a question. See, How far can I refactor the code in someone else's question? and When is it appropriate to edit someone else's code? — gilly3
– gilly3, Commented Jan 14, 2015 at 23:55
Ooops!! It was an typing error here. My real code is the code you are thinking but the problem is not solved. — Reza Abbasi
– Reza Abbasi, Commented Jan 15, 2015 at 8:12

Nicola Pulvirenti · Accepted Answer · 2015-01-14 23:35:06Z

1

You are probably missing some brackets...

Try this...

$(document).ready(function(){
  $(window).scroll(function(){
    console.log($('#select').offset().top);
  });
});

answered Jan 14, 2015 at 23:35

Nicola Pulvirenti

295 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

.offset function inside .scroll function not works in jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related