- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Modifica codice JavaScript per banner che segue lo scrolling
-
Modifica codice JavaScript per banner che segue lo scrolling
Ciao ragazzi,
un amico mi ha fornito il codice JavaScript per fare in modo che un banner verticale segua lo scrolling della pagina. Funziona correttamente, ma il problema è che arrivato in fondo va a finire sopra al footer anzichè fermarsi qualche pixel prima.
Il mio amico ha inserito una parte di codice che permette al banner di sparire una volta giunto al footer (anzichè sovrapporsi).Qui trovate la pagina di test: questaseratv.it / testads.php
Questo è il codice JS usato:
<script type="text/javascript"> function getTopOffset(e) { var y = 0; do { y += e.offsetTop; } while (e = e.offsetParent); return y; } var block = document.getElementById('sticky'); if ( null != block ) { var topPos = getTopOffset( block ); window.onscroll = function() { var scrollHeight = Math.max( document.documentElement.scrollHeight, document.documentElement.clientHeight), blockHeight = block.offsetHeight, footerHeight = document.getElementById('footer').offsetHeight, stopPos = scrollHeight - blockHeight - footerHeight - 100; var newcss = (topPos < window.pageYOffset) ? 'top:5px; position: fixed;' : 'position:static;'; if ( window.pageYOffset > stopPos ) newcss = 'position:static;'; block.setAttribute( 'style', newcss ); } } </script>
Sapete indicarmi la modifica corretta per fare in modo che il banner si fermi del tutto una volta giunto vicino al footer?
L'obiettivo è non farlo sovrapporre al footer.Grazie
-
UP
-
Problema risolto dietro pagamento, quindi mi spiace ma non condividerò lo script qui.
Si può chiudere il post, grazie