Detect if the select box scroll bar has reached to bottom

Question

I have a select dropdown and I want to load more options in it when the scroll bar reaches at bottom but could not do. I used the following code but this did not work for me

$(function () {
             var $win = $('#CouponProduct_0_id_brand');

             $win.scroll(function () {
                 if ($win.scrollTop() == 0)
                     alert('Scrolled to Page Top');
                 else if ($win.height() + $win.scrollTop()
                                == $(document).height()) {
                     alert('Scrolled to Page Bottom');
                 }
             });
         });

I suggest you convert your select to a widget - there is not a safe way to detect what you are trying to detect — mplungjan, Mar 24 '14 at 08:05

score 0 · Answer 1 · edited May 23 '17 at 12:20

0

Found your answer here

Instead of automatically loading more list-items, I suggest placing a button users can tap to load more (but that's just my suggestion).Reference

Check out this pulgin

edited May 23 '17 at 12:20

Community

1
1

answered Mar 24 '14 at 08:10

Bhavik

4,836
3
30
45

That defeat the purpose of dynamic html. Should not be post as answer if its only a suggestion? – Minh Kieu Sep 04 '17 at 11:47

Detect if the select box scroll bar has reached to bottom

1 Answers1