jquery - 自动滚动 Jquery 不适用于移动设备
问题描述
我有这个执行水平自动滚动的代码,我用它在水平放置的滑块中显示一些图像。
这是代码的示例。
该代码在台式机(PC)上完美运行,但是当我在手机上使用它时它不起作用。它卡住了,滚动不动。
问题是什么?
function animatethis(targetElement, speed) {
var scrollWidth = $(targetElement).get(0).scrollWidth;
var clientWidth = $(targetElement).get(0).clientWidth;
$(targetElement).animate({ scrollLeft: scrollWidth - clientWidth },
{
duration: speed,
complete: function () {
targetElement.animate({ scrollLeft: 0 },
{
duration: speed,
complete: function () {
animatethis(targetElement, speed);
}
});
}
});
};
animatethis($('#q1'), 5000);
#q1 { white-space: nowrap; overflow-y: scroll; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<div id="q1">((BEGIN)) Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me Watch me ((END))</div>
解决方案
推荐阅读
- node.js - .find() 与 node.js 和 mongoose 一起使用时返回空,但在 mongo shell 上返回数据
- java - Java中有任何InputStream Flushable类吗?
- php - 将值从 MySql 传递到 PHP。如何避免 NULL 值
- c# - 如何将选定的行从一个 datagridview 传输到另一个?
- mapbox - 保持 Mapbox 当前位置固定在捏以放大 Android
- python - 遗传算法的位突变
- asp.net - Hibernate, Nhibernate Eager Loading 不工作(忽略)
- r - R xkcd 封装 xkcdline 颜色
- android - 授予设置为设备管理员的 android 应用程序权限
- javascript - 等待 window.location.href?