滚动时的 JavaScript 调整大小事件 - 移动设备

2024-02-18

我正在尝试制作一个移动网站。我在窗口上绑定了“调整大小”事件,当移动设备转动时(纵向横向),它应该重新排列元素。在 iPhone 和 Samsung Galaxy SII 上,当我向下滚动页面时会触发该事件,这不太好。

我怎样才能解决这个问题?


缓存视口的宽度,如果宽度仍然相同,则在调整大小时返回 false。

一个小的 jQuery 片段:

    var cachedWidth = $(window).width();
    $(window).resize(function(){
        var newWidth = $(window).width();
        if(newWidth !== cachedWidth){
            //DO RESIZE HERE
            cachedWidth = newWidth;
        }
    });
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

滚动时的 JavaScript 调整大小事件 - 移动设备 的相关文章

  • 如何判断一个网页是否支持jquery?

    确定网页是否启用 jquery 的最佳方法是什么 如果这是确定它的最佳方法 则使用 jquery 本身 if jQuery jquery object exists jQuery 并不神奇 它本质上只是一个大对象 您可以像检查任何其他对象一
  • 如何在 DOM 中的每个元素中调用函数,即使它们是动态创建的

    我想对 DOM 上的特定元素调用函数 例如 red css backgroundColor pink 它适用于 DOM 中已经存在的任何元素 但我也希望在动态添加到 DOM 的元素中调用此方法 我尝试过类似的事情 red on functi
  • 在随机位置启动 HTML5

    我有一个大约 2 小时长的音轨 我想在我的网站上使用它 我希望它在页面加载时在随机位置开始播放曲目 使用 HTML5 可以吗 我知道您可以使用 element currentTime 函数来获取当前位置 但是如何在完全下载之前获取曲目的总时
  • 如何使 d3 饼图响应式?

    我有一个 PIE 图表 它工作正常 但我无法使其具有响应能力和可调整大小 我需要它与移动浏览器和 iPad 等兼容 div div
  • 检测 Google 验证码的挑战窗口何时关闭

    我正在使用谷歌隐形验证码 有没有办法检测挑战窗口何时关闭 我所说的挑战窗口是指您必须选择一些图像进行验证的窗口 目前 我在按钮上放置了一个旋转器 一旦单击按钮 就会呈现验证码挑战 无法向用户提示另一个质询窗口 我以编程方式调用渲染函数 gr
  • API 使用令牌向 odoo 进行身份验证

    我想使用令牌从 Express 应用程序向 Odoo 进行身份验证 我在用odoo xmlrpc https www npmjs com package odoo xmlrpc连接 Odoo 的节点模块 我的快递应用程序 Odoo 要求 A
  • 访问 nuxt 配置文件中的存储

    我想添加通过 Nuxt 静态生成的动态路由 我定义了一个客户端 服务器端存储asyncData方法 我想将这个存储值 一个数组 映射到我的nuxt config js文件使其成为 动态 静态 路线图nuxt generate命令 但如何访问
  • 如何在 Web 服务器上设置 gzip 压缩?

    我有一个嵌入式网络服务器 总共有 2 兆空间 通常 您使用 gzip 文件对客户端有利 但这会节省我们在服务器上的空间 我读到你可以只 gzip js 文件并将其保存在服务器上 我在 IIS 上测试过 但没有任何运气 为了使这项工作成功 我
  • 为什么我收到“在嵌套函数中通过 this 对类字段进行潜在无效的引用访问”错误

    在普通 JS 中 我的代码可以正常工作 对于这种情况 我想组件化我的Wall类应该在浏览器中显示用户上传的图像 同样 这在 vanilla JS 中正常工作 但在 JSX 中不起作用 我得到了一个potentially invalid re
  • 模板中带有 ng-if 的 angularjs 指令

    我正在构建一个在模板内使用 ng if 的指令 奇怪的是 提供给链接函数的元素没有扩展ng if代码 它只是ng if的注释行 经过一番尝试 我发现通过将链接代码包装在 timeout 中似乎可以使其正常工作 但我想知道这是否不是正确的处理
  • 呃!尝试将包发布到 npm 时出现 403

    我正在尝试将包发布到 npm 您可以在此处查看存储库 https github com biowaffeln mdx state https github com biowaffeln mdx state 我登录到 npmnpm login
  • 适用于移动设备的响应式订单确认电子邮件?

    我从未见过令人惊叹的订单确认 发票电子邮件 即使是最好的 html5 网站也会发送糟糕的订单确认电子邮件 有时是纯文本 我相信这是因为发票通常需要使用表格来显示购买的物品 这在移动设备上实现起来非常困难 我发现了一些让手机上的表格更易于管理
  • 如何在画布上所有其他内容后面绘制图像? [复制]

    这个问题在这里已经有答案了 我有一块画布 我想用drawImage在画布上当前内容后面绘制图像 由于画布上已经有内容 我正在使用字面上的画布来创建包含图像的画布 因此我无法真正先绘制图像 所以我无法使用drawImage在我呈现其余内容之前
  • ChartJs:如何按时间值(而不是像素)以编程方式平移

    我使用的是chartJs 3 6 1 和 Chartjs plugin zoom 1 2 1 但我认为这并不重要 我有 2 个时间序列折线图 当我通过拖放平移一个图表时 我也想移动 平移另一个图表 为此 我为 graphA 启用了缩放 平移
  • PDF 在 Safari 中隐藏 Jquery Modal

    这是与我有关的事情this https stackoverflow com questions 24052681 pdf hide jquery modal in ie问题 在 IE 中 我在对话框中使用 iframe 解决了问题 所以它工
  • Jwt 签名和前端登录身份验证

    我有这个特殊的 jwt sign 函数 Backend const token jwt sign id user id process env TOKEN SECRET expiresIn 1m res header auth token
  • 在 JavaScript 函数的 Django 模板中转义字符串参数

    我有一个 JavaScript 函数 它返回一组对象 return Func id name 例如 我在传递包含引号的字符串时遇到问题 Dr Seuss ABC BOOk 是无效语法 I tried name safe 但无济于事 有什么解
  • 确定 Javascript 中的日期相等性

    我需要找出用户在 Javascript 中选择的两个日期是否相同 日期以字符串 xx xx xxxx 形式传递给该函数 这就是我需要的全部粒度 这是我的代码 var valid true var d1 new Date datein val
  • 如何映射轮播的子项数组?

    我正在尝试将 Carousel 组件包装在映射对象数组周围作为组件的子级 目前我只能让映射创建映射对象的 1 个子对象 轮播需要像这样
  • 将多维数组转换为单数组(Javascript)

    我有一个对象数组 来自 XLSX js 解析器 因此其长度和内容各不相同 表示已给予项目的资助 简化后 它看起来像这样 var grants id p 1 location loc 1 type A funds 5000 id p 2 lo

随机推荐

  • 处理 Yesod 表单中的数据集合

    是否有可能在Yesod https en wikipedia org wiki Yesod web framework 处理包含数据集合的表单 我有一个用户可以添加多个人的表单 在前端它目前看起来像这样 people map person
  • 使用 AFNetworking 下载大文件

    我正在尝试实现大文件的下载并向用户显示当前进度 但阻止 AFURLConnectionOperation setDownloadProgressBlock 返回不正确bytesRead and totalBytesRead值 它们小于应有的
  • Hyperledger Fabric 的性能测试

    在尝试使用 Hyperledger Fabric 实现 IBM 团队在其文章中报告的性能期间Hyperledger Fabric 用于许可区块链的分布式操作系统 https arxiv org abs 1801 10228 我遇到了一些问题
  • 寻找跨平台开发的最佳 PCL 配置文件

    我正在努力扩展我的应用程序支持的平台数量 它曾经支持 NET4 Windows Store Windows Phone 但我希望也涵盖适用于 Android 和 iOS 的 Mono 我已将所有业务逻辑 模型和视图模型放入可移植类库 PCL
  • Blazor GetAsync 请求返回 401 状态代码

    我是 blazor 新手 尝试使用 NET Core EF Core 3 和 Visual studio 2019 创建一个应用程序 我已经设置了一个数据库模型和一个 API 用于获取所有地址 api Address 并在浏览器中浏览到此地
  • C# WinForm BackgroundWorker 不更新进度栏

    我在让后台工作人员更新进度条时遇到了一些麻烦 我使用在线教程作为示例 但我的代码无法正常工作 我在这个网站上进行了一些挖掘 但找不到任何解决方案 我对后台工作者 进度的事情很陌生 所以我不完全理解它 只是为了设置 我有一个主窗体 窗体 1
  • 传递到字典中的模型项的类型为“MyType”,但该字典需要类型为“MyType”的模型项

    是的 我浏览了类似标题的问题 它们似乎都不符合我所处的情况 这只是程序员向视图发送了错误的对象类型 这是我收到的确切错误消息 传递到字典中的模型项的类型为 IS Extensions Models ContactSelectList 但此字
  • Haskell 中的并发数据库连接池

    我是一名学习 Haskell 的 Java 程序员 我正在开发一个小型 Web 应用程序 该应用程序使用 Happstack 并通过 HDBC 与数据库进行通信 我写过select and exec函数 我这样使用它们 module Mai
  • 使用 onOptionsItemSelected 从 PreferenceActivity 和 PreferenceFragments 向上移动

    我使用时遇到问题onOptionsItemSelected使用 Android Studio 的默认 设置活动 extends AppCompatPreferenceActivity 活动的重要部分是 public class Settin
  • 正则表达式提取嵌套模式[重复]

    这个问题在这里已经有答案了 可能的重复 在 Python 中将嵌套结构与正则表达式匹配 https stackoverflow com questions 1099178 matching nested structures with re
  • Firebase 中单个主题订阅的用户最大限制是多少? [复制]

    这个问题在这里已经有答案了 我正在使用 Firebase 主题发送通知 在这样做时 我遇到了 Firebase 通知控制台 其中显示 topic name lt 1000 estimated user关于选择通过主题发送通知 我读过这个PO
  • 在 ScrollViewer 滚动条可见性 (WPF) 上触发

    是否可以创建一个基于触发器触发的触发器ScrollViewer滚动条的可见性 我有一个ScrollViewer以其VerticalScrollBarVisibility set to Auto我想改变一些ScrollViewer仅当滚动条实
  • ansible 循环 include_tasks 直到成功

    我想知道如何循环多个任务直到满足条件 main yml set fact num 1 req num 10 name Start to unregister entities include tasks output yml loop ra
  • 检测 BLE 设备是否可在 Android 上连接

    我正在开发一个配置信标的项目 通电一段时间后 信标将变得不可配置 直到重新通电为止 为了显示可配置信标的列表 我正在查看某些特征 蓝牙设备名称 广告数据包中的某些制造商数据 我还需要知道它是否 可连接 即 e 如果设备的 BLE 广告数据包
  • 继承main方法

    我想定义一个基类 它定义一个实例化该类的主方法 并运行一个方法 但也存在一些问题 这是基类 public abstract class Strategy abstract void execute SoccerRobot robot pub
  • Zend Framework:如何在不使用表单的情况下将数据发布到某些外部页面(例如外部支付门)?

    我希望将用户重定向到外部信用卡门 当然 我必须将一些用户信息发布到该门 但我不知道具体该怎么做 我知道我可以通过生成带有隐藏或只读字段的 html 表单并让用户单击 提交 按钮来做到这一点 但这个解决方案并不完美 因为所有表单数据都可以使用
  • 搜索字段中的搜索图标

    如何在搜索字段中放置搜索图标 该图标位于搜索字段的前面 而搜索按钮位于搜索栏后面 像这样的东西 input background url http kodyrabatowe wp pl img ico search gr png top l
  • 使用 Mono 运行 .NET 4 应用程序

    我正在尝试在 Ubuntu 机器上运行 NET exe 我安装了软件包mono complete 到目前为止还没有运气 该应用程序是在 NET 4 客户端配置文件 下使用 Visual C Express 2010 编译的 我尝试使用以下命
  • 如何将 Windows 上的 Git 升级到最新版本

    我刚刚从之前的版本升级到适用于 Windows 的 Git 1 8 0 11 7 9 mysysgit 0 我下载了来自 Git 站点的新版本 http cloud github com downloads msysgit git Git
  • 滚动时的 JavaScript 调整大小事件 - 移动设备

    我正在尝试制作一个移动网站 我在窗口上绑定了 调整大小 事件 当移动设备转动时 纵向横向 它应该重新排列元素 在 iPhone 和 Samsung Galaxy SII 上 当我向下滚动页面时会触发该事件 这不太好 我怎样才能解决这个问题