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
Post a Comment