如何修復視差窗口滾動溢出？

我在頁面頭部的圖片上使用parallax.js v1.3。請幫我找出爲什麼當我向下滾動圖片溢出。如何修復視差窗口滾動溢出？

當我加載頁面時，圖片稍微變形，好像它被放大得太多。

當我向下滾動圖片溢出麪包屑。

JS文件是在以下鏈接：http://www.wanderintown.com/js/functions.js在那裏我打電話跟$('.parallax-window').parallax({}); /* Parallax modal*/調用JS paralax在http://www.wanderintown.com/js/parallax.js

我認爲這可能是一些做的JS正確加載腳本。由於我使用的是Yii框架，我將腳本包含在主文件中。對於任何信息PLZ讓我知道

的CSS是：

e.parallax-window { 
min-height: 470px; 
background: transparent; 
position:relative;

頁面上的JS是：

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;}); 
});

這是它看起來像我的瀏覽器之前，我向下滾動： enter image description here

這是它看起來像我的瀏覽器後，我向下滾動：

enter image description here

來源

2015-05-16 Gunnit

這可能與您對breadcrumb元素的定位有些關係。你有鏈接到你的網站？ – brance

yhea here你去http://www.wanderintown.com/index.php/tours/10 – Gunnit

我沒有看到任何js錯誤，iam使用谷歌檢查元素。你能建議我更好的工具來診斷錯誤嗎？ – Gunnit

我解決了問題，通過改變CSS來header#plain{position:fixed;background-color:#fff;padding-bottom:0;} 的問題是與固定到靜止位置。

來源

2015-05-19 12:12:37 Gunnit

如何修復視差窗口滾動溢出？

回答

相關問題