HTML overflow javascript

Question

I have a div which is scrollable using the overflow-y set to auto. What I want to do is that beneath this div I like to have a simple button which is disabled and I like it to be enabled after I reached the bottom of the div.
Can this be achieved?

"A picture says more than thousand words." Can you post a link to jsfiddle example or post your source code? — Reporter
– Reporter, Commented Apr 29, 2013 at 9:31
are you trying to say you want to have a Back to top-button? or Top of page-button ? — Þaw
– Þaw, Commented Apr 29, 2013 at 9:39
@Paw Cabelin, sounds more like "I have read and I accept the rules"... — linepogl
– linepogl, Commented Apr 29, 2013 at 9:43

Community · Accepted Answer · 2017-05-23 10:25:44Z

1

try this with jquery:

$("#idDiv").scroll( function() {
  if($(this)[0].scrollHeight - $(this).scrollTop() == $(this).outerHeight())
    // what you want to do ...
    $('#idButton').removeAttr('disabled');
  }
}

see this : javascript: detect scroll end

edited May 23, 2017 at 10:25

CommunityBot

11 silver badge

answered Apr 29, 2013 at 9:38

Ouadie

13.2k4 gold badges54 silver badges63 bronze badges

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

Collectives™ on Stack Overflow

HTML overflow javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related