sto usando parallax.js v1.3 sull'immagine nella testa della mia pagina. Per favore aiutami a scoprire perché quando scorro verso il basso l'immagine trabocca.Come risolvere un overflow di scorrimento della finestra di parallasse?
Quando carico la pagina l'immagine è leggermente distorta come se fosse ingrandita troppo.
Quando scorro verso il basso l'immagine trabocca sopra le briciole di pane.
Il js file è al seguente link: http://www.wanderintown.com/js/functions.js dove io chiamo lo script con $('.parallax-window').parallax({}); /* Parallax modal*/
che chiama il js Paralax a http://www.wanderintown.com/js/parallax.js
penso che potrebbe essere qualcosa a che fare con il corretto caricamento del JS. Dal momento che sto usando un framework Yii e sto includendo gli script nel mio file principale. Per qualsiasi info plz fammi sapere
Il CSS è:
e.parallax-window {
min-height: 470px;
background: transparent;
position:relative;
La JS sulla pagina è:
jQuery(function($) {
jQuery('[data-toggle=popover]').popover();
jQuery('[data-toggle=tooltip]').tooltip();
jQuery('#yw0 .alert').alert();
jQuery('#rating90 > input').rating({'readOnly':true});
jQuery('#rating40 > input').rating({'readOnly':true});
jQuery('#rating5 > input').rating({'readOnly':true});
jQuery('#rating6 > input').rating({'readOnly':true});
jQuery('#yw1').yiiListView({'ajaxUpdate':['yw1'],'ajaxVar':'ajax','pagerClass':'pagination','loadingClass':'list-view-loading','sorterClass':'sorter','enableHistory':false,'afterAjaxUpdate':function() {
jQuery('.popover').remove();
jQuery('[data-toggle=popover]').popover();
jQuery('.tooltip').remove();
jQuery('[data-toggle=tooltip]').tooltip();
}});
$(document).ready(function($) {
$('#Img_carousel').sliderPro({
width: 960,
height: 500,
fade: true,
arrows: true,
buttons: false,
fullScreen: false,
smallSize: 500,
startSlide: 0,
mediumSize: 1000,
largeSize: 3000,
thumbnailArrows: true,
autoplay: false
});
});
jQuery('body').on('change','#lang',function(){jQuery.yii.submitForm(this,'',{});return false;});
});
Questo è quello che sembra il mio browser, prima di scorrere verso il basso:
Questo è ciò che sembra nel browser dopo aver ho scorrere verso il basso:
Questo probabilmente ha a che fare con il posizionamento dell'elemento breadcrumb. hai un link al tuo sito? – brance
si va qui http://www.wanderintown.com/index.php/tours/10 – Gunnit
non vedo alcun errore js, iam usando l'elemento google inspect. Puoi suggerirmi uno strumento migliore per diagnosticare l'errore? – Gunnit