fixblock
В сайдбаре имеется фиксированный блок. Как убрать фиксацию, когда при смене разрешения экрана сайдбар уходит вниз?
Фиксация реализована следующим образом:
function add_fixblock_script(){ echo <<<EOT <script type="text/javascript"> function getTopOffset(e) { var y = 0; do { y += e.offsetTop; } while (e = e.offsetParent); return y; } var block = document.getElementById('fixblock'); /* fixblock - значение атрибута id блока */ if ( null != block ) { var topPos = getTopOffset( block )+820; ; window.onscroll = function() { var scrollHeight = Math.max( document.documentElement.scrollHeight, document.documentElement.clientHeight), // высота рекламного блока blockHeight = 600, // высота подвала footerHeight = 300, // считаем позицию, до которой блок будет зафиксирован stopPos = scrollHeight - blockHeight - footerHeight; var newcss = (topPos < window.pageYOffset) ? 'top:20px; position: fixed;' : 'position:static;'; if ( window.pageYOffset > stopPos ) newcss = 'position:static;'; block.setAttribute( 'style', newcss ); } } </script> EOT; } add_action( 'wp_footer', 'add_fixblock_script' );
Добавь проверку на ширину экрана между строками
Гугли: как проверить ширину браузера javascript и вникай в суть
нашел
заменил на