Jquery 如何修复视差窗口滚动溢出?
我在页面头部的图片上使用了parallax.jsv1.3。 请帮我找出为什么当我向下滚动图片溢出 当我加载页面时,图片有点失真,好像放大了太多 当我向下滚动时,图片溢出面包屑 js文件位于以下链接:在这里,我使用Jquery 如何修复视差窗口滚动溢出?,jquery,css,parallax,parallax.js,Jquery,Css,Parallax,Parallax.js,我在页面头部的图片上使用了parallax.jsv1.3。 请帮我找出为什么当我向下滚动图片溢出 当我加载页面时,图片有点失真,好像放大了太多 当我向下滚动时,图片溢出面包屑 js文件位于以下链接:在这里,我使用$('.parallax window').parallax({});/*视差模式*/在 我认为这可能与正确加载JS有关。因为我使用的是一个Yii框架,并且我在主文件中包含了脚本。任何信息请让我知道 CSS是: e.parallax-window { min-height: 470px;
$('.parallax window').parallax({});/*视差模式*/
在
我认为这可能与正确加载JS有关。因为我使用的是一个Yii框架,并且我在主文件中包含了脚本。任何信息请让我知道
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;});
});
这是我向下滚动之前在浏览器上的外观:
这是我向下滚动后在浏览器上的外观:
我通过将CSS更改为
标题#普通{位置:固定;背景色:#fff;填充底部:0;}解决了这个问题
问题是位置被固定为静态 这可能与您对breadcrumb元素的定位有关。你有你网站的链接吗?这里有我没有看到任何js错误,我正在使用google inspect元素。你能给我推荐一个更好的工具来诊断错误吗?是的,这是因为你的标题在向下滚动后进入固定位置,然后你的视差计算高度,实际上在实例化时使用了标题高度。当你向下滚动时,标题进入固定位置,视差“松开”它的高度。这就是为什么你会有差距。我现在想看看你是如何轻松解决这个问题的。你能在任何时候创造一把小提琴吗。尝试将面包屑移动到与页眉相同的div中。