javascript - Remove class after scrolling to specific height jQuery -


i want remove hover effect when scroll down specific height, code below shows hover effects when scroll down on mobile didn't remove them

  $( window ).scroll(function() {        $( ".search-results-container" ).addclass("hoverclass");        cleartimeout($.data(this, 'scrolltimer'));          $.data(this, 'scrolltimer', settimeout(function() {              $( ".search-results-container" ).removeclass("hoverclass");          }, 250));      });
    .search-results-container .post_title{          border: 4px solid black;          padding-top: 54%;          background: rgba(255, 255, 255, 0.7);          position: absolute;          visibility: hidden;          opacity:0;}        .search-results-container:hover .post_title{      visibility:visible;      opacity:1; !important}    @media screen , (max-width:1024px){  .search-results-container.hoverclass .post_title{      visibility:visible;      opacity:1; !important}    }
<div class="search-results-container">   <div class="post_title">    <h3 class="entry_title">      <a href="#">josh woodward</a>    </h3>   </div>	   <div class="post_image search-results-image">     <a href="#">  	<img src="#">		     </a>   </div>	  </div>

you getting error $ not defined, can use jquery jquery() or can use latest jquery library.

thank you


Comments

Popular posts from this blog

ubuntu - PHP script to find files of certain extensions in a directory, returns populated array when run in browser, but empty array when run from terminal -

php - How can i create a user dashboard -

javascript - How to detect toggling of the fullscreen-toolbar in jQuery Mobile? -