首先要感谢@prinzhorn为这样一个惊人而强大的图书馆.我的问题：我已经实现了一个Skrollr视差背景到我的网站的标题,但我想在移动设备上查看时禁用此功能,特别是
iphones等. (max-width：767px).我想知道最好的方法是什么？而如果destroy()函数能够做到这一点,或者我应该使用另一种技术？另外,如果destroy()是答案,我该如何正确地实现？非常感谢和示例或演示非常感谢.
解决方法
destroy()方法会这样做.您还可以避免在小窗口中初始化skrollr以开始,和/或如果窗口被调整为小,则销毁skrollr.
$(function () {
// initialize skrollr if the window width is large enough
if ($(window).width() > 767) {
skrollr.init(yourOptions);
}
// disable skrollr if the window is resized below 768px wide
$(window).on('resize',function () {
if ($(window).width() <= 767) {
skrollr.init().destroy(); // skrollr.init() returns the singleton created above
}
});
});
在这个例子中,如果窗口被调整为大,则skrollr不会被重新启用.
