Appear-Disappear an image based on vertical browser location

-=-=-=-=-=-=-=- Style Class -=-=-=-=-=-=-=- .down_arrow { position:fixed; bottom:20px; left:50%; right:50%; z-index:1000; } -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- <script type="text/javascript" charset="utf-8"> jQuery(document).ready(function() { moreContentArrow(); }); function moreContentArrow(){ if (jQuery("body").height() > jQuery(window).height()) { jQuery(function () { jQuery(window).scroll(function () { if (jQuery(this).scrollTop() < 50 && jQuery(this).width() > 480) { jQuery('.down_arrow').fadeIn(); } else { jQuery('.down_arrow').fadeOut(); } }); }); jQuery(window).on('resize', function () { if (jQuery(this).width() < 480) { jQuery('.down_arrow').fadeOut(); } }).trigger('resize'); }else{ jQuery('.down_arrow').hide(); } } </script>

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.