[英]Stop jquery scroll when window resizes
当您向下滚动时,我旁边有一个侧边栏。 但我不想在移动设备上播放该动画。 如何修改此代码:
var $sidebar = $(".registration_container"),
$window = $(window),
offset = $sidebar.offset(),
topPadding = 15;
$window.scroll(function() {
if ($window.scrollTop() > offset.top) {
$sidebar.stop().animate({
marginTop: $window.scrollTop() - offset.top + topPadding
});
} else {
$sidebar.stop().animate({
marginTop: 0
});
}
});
为了适应这一点。 请帮忙!
要在移动设备上执行此操作,只需添加另一个if语句以在移动设备上指定其他代码即可。
您可以使用device.js或其他手段来检测移动设备,即使是小于窗口宽度的简单设备也可以工作。
这是停止移动设备动画的示例
$window.scroll(function() {
//detect if the browser is not mobile
if(!$('body').hasClass('mobile')){
if ($window.scrollTop() > offset.top) {
$sidebar.stop().animate({
marginTop: $window.scrollTop() - offset.top + topPadding
});
} else {
$sidebar.stop().animate({
marginTop: 0
});
}
}else{
//do something for mobile here
//or just let css do the job
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.