我已经设置了光滑的轮播来连续滚动,但是我需要向相反的方向滚动。添加 RTL 选项似乎不起作用。
在这里小提琴(目前从左到右)
http://jsfiddle.net/mth2ghod/ http://jsfiddle.net/mth2ghod/
$(function(){
$('.slider').slick({
speed: 10000,
autoplay: true,
autoplaySpeed: 100,
cssEase: 'linear',
slidesToShow: 1,
slidesToScroll: 1,
variableWidth: true
});
});
将“slidesToScroll”属性设置为负值(例如slidesToScroll: -1,
) 不是本机解决方案。这就产生了图像流畅的问题。
正确的做法是添加一个属性dir="ltr"
到滑块的容器(HTML 元素)或添加rtl: false
属性到滑块设置:
// add an attribute dir="ltr" to the slider's container
//$('.slider').attr('dir', 'ltr');
// OR add `rtl: false` property to slider settings
$('.slider').slick({
autoplay: true,
slidesToShow: 3,
slidesToScroll: 3,
dots: true,
infinite: true,
cssEase: 'linear',
rtl: false
});
注意:这也会反转文本方向,这可以通过 CSS 更改direction: ltr;
JS 小提琴示例 https://jsfiddle.net/cyborg_b/nr2pe7t3/8/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)