我在页面头部的图片上使用parallax.js v1.3。 请帮我找出为什么当我向下滚动图片溢出。

当我加载页面时,图片稍微扭曲,好像它被放大了太多。

当我向下滚动图片溢出面包屑。

js文件位于以下链接: http//www.wanderintown.com/js/functions.js ,我用$('.parallax-window').parallax({}); /* Parallax modal*/调用脚本$('.parallax-window').parallax({}); /* Parallax modal*/ $('.parallax-window').parallax({}); /* Parallax modal*/http://www.wanderintown.com/js/parallax.js上调用js paralax

我认为这可能与正确加载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;});
});

在我向下滚动之前,这就是我的浏览器的样子: 在此输入图像描述

这是我向下滚动后浏览器的样子:

在此输入图像描述

===============>>#1 票数:3 已采纳

我通过将CSS更改为header#plain{position:fixed;background-color:#fff;padding-bottom:0;}解决了这个问题header#plain{position:fixed;background-color:#fff;padding-bottom:0;}问题在于将位置固定为静态。

  ask by Gunnit translate from so

未解决问题?本站智能推荐:

4回复

在没有滚动条的全屏页面上具有视差效果的图像

我的目标网页需要为100vh / 100vw,且不能滚动。 背景是具有视差效果的图像,因此当鼠标移动时图像也会移动。 我正在努力找出如何使其工作。 对于视差图像,我目前有: 该页面是100vh / 100vw,因为我需要它。 问题在于,当图像移动(鼠标移动)时,它不再覆盖页面
1回复

HTML元素的视差效果[关闭]

我正在寻找可以应用于HTML ELEMENT的parallax effec 。 我已经浏览了互联网上的许多库,并将所有视差效果应用于包含背景图像的元素。 但是在这里我想要的是,而不是具有fixed元素并进行滚动,我希望在页面中滚动整个元素。 在下面的示例中可以看到,我不想保留bac
1回复

在具有视差效果的多个部分上固定文本

我有4个部分,所有的部分都有背景图片。 问题是每个部分的中间都有一些文字。 它们应该是固定的,即,当我们滚动时,第一部分下面的部分应该与它上面的部分以及上面的文本重叠。 我使用了ext固定的位置,但是只有第一部分的文字可见。 HTML CSS
1回复

我想为鼠标视差添加轻松过渡

我一直在做一个项目。 这是鼠标视差jquery代码。 目前,这些元件具有线性运动。 我要寻找的是鼠标停止运动后必须持续0.2秒钟。 有人可以帮忙吗? 我为此使用了parallax.min.js脚本文件。
1回复

文字上的视差效果

登陆后立即在此页面上显示我想要实现的完美示例(视差背景,文本淡入和文本视差): themenectar.com 我正在为我的背景使用parallax.js,效果很好。 我还在下面使用此代码段,使我的标题在滚动条上消失: 一切工作正常,除了我对如何实现标题的视差效果感到困惑之外。
1回复

全屏滑块主页上的视差

我正在开发这个网站: http://cslab.com.ve/tkp/ 它有一个全屏显示的首页,当我向下滚动时,我试图使下一个div位于第一个具有视差效果的div上。 我正在使用parallax.js jQuery插件 现在他们这样做了,但是NAVBAR仍在移动页面
2回复

如何通过引导使该视差动画响应?

我只是在Parallax.js的帮助下制作了响应式动画。 我也使用了bootstrap 2来使响应和在移动设备中工作。 我在这里做的 ...我的代码是 现在的问题是图像尺寸应该大且固定。 所以我必须使用position:fixed和width:一些大的值,但是这样做我失去了div容
2回复

如何使div向下滚动比鼠标上的html其余部分更快?

我正在尝试创建一种视差效果,即“关于”后面的部分包含两个不同的div和图像,以使其滚动速度比页面的其余部分更快。 我希望整个div滚动更快,以便看起来像第一个绘制的图片被擦除了,但是类似的图片。 测试站点: http : //www.onepixelroom.com/AQUODI/ (“
1回复

如何对看似“固定”的图像使用视差滚动?

我正在使用视差滚动,并且当前已进行设置,以使我的背景图像以正常内容滚动速度的50%滚动。 看到这里: www.jurbs.com 。 (内容在Chrome和Opera中进行了优化) 理想情况下,我希望图像中完全没有滚动,但是随着内容的滚动,图像的可见性也会相应地滑动和发展。 有关示例
1回复

免费滚动和视差问题(jQuery Scroll Path + Parallax)

在一个项目中,我需要构建类似著名的视差驱动的Mario Kart Wii Experience网站,该网站还附带水平和垂直滚动条(如果您尚未看到的话,这里是: http://www.nintendo。 com.au/gamesites/mariokartwii/#home ) 为了获得滚动