2015-05-16 13 views
9

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: enter image description here

Questo è ciò che sembra nel browser dopo aver ho scorrere verso il basso:

enter image description here

+0

Questo probabilmente ha a che fare con il posizionamento dell'elemento breadcrumb. hai un link al tuo sito? – brance

+0

si va qui http://www.wanderintown.com/index.php/tours/10 – Gunnit

+0

non vedo alcun errore js, iam usando l'elemento google inspect. Puoi suggerirmi uno strumento migliore per diagnosticare l'errore? – Gunnit

risposta

3

ho risolto il problema modificando il CSS per header#plain{position:fixed;background-color:#fff;padding-bottom:0;} Il problema era con la posizione essendo fissato a statico.

Problemi correlati