jQuery 视差滚动在手机/平板电脑上禁用

标签 jquery html css parallax

我正在使用免费模板构建静态网站 ( 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()}});

感谢您的帮助!

最佳答案

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

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

关于jQuery 视差滚动在手机/平板电脑上禁用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53512438/

相关文章:

javascript - AngularUi jQuery Passthrough - 调用方法获取插件值

javascript - 将用户重定向到 <select> 下拉列表中的固定 URL 时出现问题

html - 并排放置2个div

html - Bootstrap 中的 DropDown 子菜单不起作用

Android WebView HTML/CSS 在默认浏览器中看起来非常不同

javascript - 我需要什么导入才能使 jQuery 弹出对话框正常工作?

javascript - 为什么当请求来自页面外部时 window.load 不起作用,但其他情况下却起作用?

jquery - 获取隐藏的单选按钮值并使用ajax插入表单

css - Bootstrap 4 Angular 7 响应式 chalice 布局

javascript - div 的颜色变化太快