Show Hide Div on Scroll

Question

I have a div that sits at the bottom of a slideshow that I want to disappear when the user scrolls or uses down arrow then reappears when scrolls back to the top  I am guessing this is incorporating the jquery scroll functionality

User · Answer

Try this code     window   scrollDown function      div  hide          window   scrollUp function       div  show

User · Answer

i have a pretty answer try this code      lt div id  DivID  gt   lt  div gt       DivID   scrollview   direction   y          DivID  gt   ui-scrollbar   addClass  ui-scrollbar-visible

User · Answer

window  scroll function        var Bottom     window  height       window  scrollTop    gt     document  height    if Bottom         div   hide

User · Answer

lt div gt     lt div class  a  gt      A    lt  div gt   lt  div gt       window  scroll function       if    this  scrollTop    gt  0            a   fadeOut        else           a   fadeIn              Sample

User · Answer

Here is my answer when you want to animate it and start fading it out after couple of seconds  I used opacity because first of all i didn t want to fade it out completely  second  it does not go back and force after many scrolls       window  scroll function          var elem      div        setTimeout function             elem css   opacity   0 2   transition   2s           4000                   elem css   opacity   1   transition   1s

User · Answer

fn scrollEnd   function callback  timeout                  this  scroll function        var  this     this       if   this data  scrollTimeout            clearTimeout  this data  scrollTimeout                this data  scrollTimeout   setTimeout callback timeout                window  scroll function            main   fadeOut           window  scrollEnd function            main   fadeIn       700     That should do the Trick

[jquery] Show/Hide Div on Scroll

Examples related to jquery

Examples related to scroll

Examples related to show-hide