浏览器非桌面时禁用Javascript功能

Disable Javascript function when browser is non-desktop

本文关键字:Javascript 功能 桌面 浏览器      更新时间:2023-09-26

给定一个脚本,当用户滚动到某个点(在桌面上)时,会使侧边栏变得粘稠,这目前造成了一个问题,即页脚在移动/平板设备上不会显示在底部,但会给页脚一个无限可滚动的空白空间。如何使脚本仅适用于桌面浏览器?

我尝试过用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/

相关文章: