zslider javascript应仅在低于768px的屏幕分辨率下工作
我想在我的网站上使用zsliderjavascript,但是有人能告诉我如何使它只在768px以下的屏幕分辨率下工作吗 以下是zslider脚本链接:zslider javascript应仅在低于768px的屏幕分辨率下工作,javascript,Javascript,我想在我的网站上使用zsliderjavascript,但是有人能告诉我如何使它只在768px以下的屏幕分辨率下工作吗 以下是zslider脚本链接: http://www.cssscript.com/demo/mobile-friendly-content-carousel-slider-with-pure-javascript-zslider/ 使用媒体查询显示768px以下的滑块内容: @media (min-width: 768px) { .z-slide-wrap { di
http://www.cssscript.com/demo/mobile-friendly-content-carousel-slider-with-pure-javascript-zslider/
使用媒体查询显示768px以下的滑块内容:
@media (min-width: 768px) {
.z-slide-wrap {
display: none;
}
}
if (window.innerWidth <= 768) {
var slider1 = new Slider('#demo', '.z-slide-item', {
// OPTIONS HERE
});
}
然后,仅当宽度低于768px时,才使用JavaScript初始化滑块:
@media (min-width: 768px) {
.z-slide-wrap {
display: none;
}
}
if (window.innerWidth <= 768) {
var slider1 = new Slider('#demo', '.z-slide-item', {
// OPTIONS HERE
});
}
if(window.innerWidth)谢谢你的评论。它确实有效,但是当我们再次调整大小超过768时,如何停止脚本?我不知道你的意思。你想隐藏滑块还是完全停止脚本?