jQuery mobile/tablet 禁用视差滚动

Question

我正在使用免费模板构建静态网站 (http://keenthemes.com/preview/megakit/)，但我似乎无法在移动设备上禁用 parllax 滚动。

我一直在尝试修改 parallax.min.js 文件，但无法在移动设备上运行。图像根本不显示在移动设备上。

下面是代码：

var Parallax=function(){"use strict";var a=function(){$(".js__parallax-window").parallax("50%",.1)};return{init:function(){a()}}}();$(document).ready(function(){if(window.innerWidth>760){Parallax.init()}});

感谢您的帮助！

Answer 1

@media(max-width: 480px){
    .js__parallax-window {
        background-attachment: unset !important;
    }
}

在您的 css 文件中使用此代码，这肯定会有所帮助

jQuery mobile/tablet 禁用视差滚动

jQuery Parallax Scroll disable on mobile/tablet

jquery

html

css

parallax