【发布时间】:2026-01-04 19:05:01
【问题描述】:
绝对喜欢 Jssor 滑块!它可以在桌面上运行,但是在移动设备上查看时出现问题......它只是滑过而无法查看图像。我正在使用全宽滑块......我也意识到当我调整浏览器大小时它在桌面上也没有响应。请帮忙!我已经查看了有关使代码响应的提示,但这并没有帮助。
这是我的例子:http://cieluxe.com/
我一直在 Mac 上使用 Chrome、Firefox 和我的 iphone 4 在 safari 中查看。 iPhone 是唯一一个我无法正确查看的设备。
我已经多次切换响应式代码,但没有找到一个非常有效的选项。我已经切换了原始代码,因为我遇到了滑块不适合容器的问题(就像其他人一样)。这是我在响应部分的代码:
//responsive code begin
//you can remove responsive code if you don't want the slider scales while window resizes
function ScaleSlider() {
var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
if (parentWidth)
jssor_slider1.$ScaleWidth(Math.min(parentWidth, 1920));
else
window.setTimeout(ScaleSlider, 30);
}
ScaleSlider();
$(window).bind("load", ScaleSlider);
$(window).bind("resize", ScaleSlider);
$(window).bind("orientationchange", ScaleSlider);
//responsive code end
【问题讨论】:
标签: javascript jquery slider jssor