Question

我的网站有两个版本（桌面版，移动版）。我正在iPad mini上测试这两个版本;桌面版本以横向显示，移动设备以纵向显示。我有一个侧面导航链接，点击时隐藏和取消隐藏某些元素。加载页面时，它会从“关于”部分开始。从那里，您可以点击定价和其他链接。当我旋转设备时，我使用jQuery检查屏幕大小并加载适当的版本。但是，因为页面总是从'about'开始，所以无论你在哪个链接上，旋转都会使页面跳回到'about'。有没有办法检测我看到的内容，并让轮换在屏幕上保留该内容？我有一个link-active类附加到最近点击的链接。理想情况下，我正在寻找一个jQuery答案。

jQuery检查屏幕大小：

桌面（更改为移动设备）

$(window).on('load resize', function(){
  if($(window).width() <= 768) {
    window.location = "q3m.html";
  }
});

移动（更改为桌面）

$(window).on('load resize', function(){
  if($(window).width() > 768) {
    window.location = '/~kwilliam/Q';
  }
});

在加载（HTML）时激活'about'部分：

<a id="about" class="link-active">about</a>
<a id="pricing">pricing</a>
<a id="projects">projects</a>
<a id="legal">legal</a>

保持页面内容在屏幕上更改

0 个答案: