[jquery] Show/Hide Div on Scroll

<div>
  <div class="a">
    A
  </div>
</div>?


$(window).scroll(function() {
  if ($(this).scrollTop() > 0) {
    $('.a').fadeOut();
  } else {
    $('.a').fadeIn();
  }
});

Examples related to jquery

• How to make a variable accessible outside a function? • Jquery assiging class to th in a table • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Getting all files in directory with ajax • Bootstrap 4 multiselect dropdown • Cross-Origin Read Blocking (CORB) • bootstrap 4 file input doesn't show the file name • Jquery AJAX: No 'Access-Control-Allow-Origin' header is present on the requested resource • how to remove json object key and value.?

Examples related to scroll

• How to window.scrollTo() with a smooth effect • Angular 2 Scroll to bottom (Chat style) • Scroll to the top of the page after render in react.js • Get div's offsetTop positions in React • RecyclerView - How to smooth scroll to top of item on a certain position? • Detecting scroll direction • How to disable RecyclerView scrolling? • How can I scroll a div to be visible in ReactJS? • Make a nav bar stick • Disable Scrolling on Body

Examples related to show-hide

• How to set "style=display:none;" using jQuery's attr method? • How to Toggle a div's visibility by using a button click • How to hide iOS status bar • Toggle visibility property of div • android layout with visibility GONE • Show pop-ups the most elegant way • Show hide fragment in android • Show/Hide Div on Scroll • How to add display:inline-block in a jQuery show() function? • Android: show/hide status bar/power bar