CODEWITHSUNDEEP
javascriptjqueryhtml
Rana Depto
Rana Depto

Reputation: 721

Get Current Sections ID

I was trying to get ID of current section. Here is the code snippet what I tried:

$(document).on('scroll', function() {
    alert($(this).$("section").attr('id'));
}

But found no result. How can I get the id of a section while scrolling?

Upvotes: 0

Views: 4337

Answers (2)

user2233706
user2233706

Reputation: 7217

If this plugin works the way it should, then you could do this in the scroll event:

$('section').each(function() {
  if($(this).visible())
    console.log($(this).attr('id'));
});

Upvotes: 1

Natalia Tepluhina
Natalia Tepluhina

Reputation: 156

First of all, you are not detecting a current section in your code (by "current" I mean the section currently showing on the screen). To detect this section you should find current scroll position and compare it to section position.

    $(document).scroll(function () {
        $('section').each(function () {
            if($(this).position().top <= $(document).scrollTop() && ($(this).position().top + $(this).outerHeight()) > $(document).scrollTop()) {
                console.log($(this).attr('id'));
            }
        });
    });

Upvotes: 2

Related Questions