jquery window scrollTop but no window scrollBottom

Question

I want to place an element to the bottom of the page whenever the user scrolls the page  It s like  fixed position  but I can t use  position  fixed  css as many of my clients  browser can t support that   I noticed jquery can get current viewport s top position  but how can I get the bottom of the scroll viewport   So I am asking how to know    window  scrollBottom

User · Answer

var scrollBottom         document  height   -   window  height   -   window  scrollTop      I think it is better to get bottom scroll

User · Answer

Here is the best option scroll to bottom for table grid  it will be scroll to the last row of the table grid          add-row-btn   click function           var tempheight       PtsGrid  gt  table   height             PtsGrid   animate            scrollTop  tempheight            scrollTop      scroll-bottom   offset   top          slow

User · Answer

var scrollBottom     window  scrollTop       window  height

User · Answer

This will scroll to the very top     window  animate  scrollTop  0      This will scroll to the very bottom     window  animate  scrollTop    document  height       window  height           change window to your desired container id or class if necessary  in quotes

User · Answer

I would say that a scrollBottom as a direct opposite of scrollTop should be   var scrollBottom     document  height   -   window  height   -   window  scrollTop      Here is a small ugly test that works for me      SCROLLTESTER START        lt h1 id  st  style  position  fixed  right  25px  bottom  25px   gt  lt  h1 gt    insertAfter  body       window  scroll function        var st     window  scrollTop      var scrollBottom     document  height   -   window  height   -   window  scrollTop           st   replaceWith   lt h1 id  st  style  position  fixed  right  25px  bottom  25px   gt scrollTop      st     lt br gt scrollBottom      scrollBottom     lt  h1 gt            SCROLLTESTER END

User · Answer

This is a quick hack  just assign the scroll value to a very large number  This will ensure that the page is scrolled to the bottom  Using plain javascript   document body scrollTop   100000

User · Answer

try      window  scrollTop     body   height

User · Answer

For the future  I ve made scrollBottom into a jquery plugin  usable in the same way that scrollTop is  i e  you can set a number and it will scroll that amount from the bottom of the page and return the number of pixels from the bottom of the page  or  return the number of pixels from the bottom of the page if no number is provided     fn scrollBottom   function scroll     if typeof scroll      number        window scrollTo 0   document  height   -   window  height   - scroll       return   document  height   -   window  height   - scroll      else       return   document  height   -   window  height   -   window  scrollTop            Basic Usage   window  scrollBottom 500

User · Answer

Back to bottom button   window  scroll function          var scrollBottom     this  scrollTop       this  height        var scrollTop     this  scrollTop        var pageHeight      html  body   height     Fixed      if    this  scrollTop    gt  pageHeight - 700                back-to-bottom   fadeOut  slow          else           if    this  scrollTop    lt  100                    back-to-bottom   fadeOut  slow                      else                   back-to-bottom   fadeIn  slow                            back-to-bottom   click function          var pageHeight      html  body   height     Fixed        html  body   animate   scrollTop  pageHeight    1500   easeInOutExpo        return false

User · Answer

var scrolltobottom   document documentElement scrollHeight -   this  outerHeight   -   this  scrollTop

[javascript] jquery: $(window).scrollTop() but no $(window).scrollBottom()

Examples related to javascript

Examples related to jquery