浏览器非桌面时禁用Javascript功能
Disable Javascript function when browser is non-desktop
给定一个脚本,当用户滚动到某个点(在桌面上)时,会使侧边栏变得粘稠,这目前造成了一个问题,即页脚在移动/平板设备上不会显示在底部,但会给页脚一个无限可滚动的空白空间。如何使脚本仅适用于桌面浏览器?
我尝试过用navigator.userAgent.match == ""
的变体来定位桌面,但这会禁用功能。
当用户来自手机/平板电脑时,页脚应该只显示在页面底部,就好像没有加载javascript函数一样。
$(function() {
var $sidebar = $(".related-articles"),
$window = $(window),
offset = $sidebar.offset(),
topPadding = 15;
$window.scroll(function() {
if ($window.scrollTop() > offset.top) {
$sidebar.stop().animate({
marginTop: $window.scrollTop() - offset.top + topPadding
}, 1);
} else {
$sidebar.stop().animate({
marginTop: 0
}, 1);
}
});
});
UPDATE:将$(window).width() > 767 &&
添加到第一个if();声明解决了这个问题。
我想你正在寻找这样的东西:
if ( $(window).width() > 739) {
//Code here for any desktop
}
else {
//Code here for mobile
}
你可以在这里找到设备宽度大小:
http://mydevice.io/devices/