页面定向后网站重新加载答案

【问题标题】：Website reload after page orientation页面定向后网站重新加载
【发布时间】：2016-10-17 15:20:20
【问题描述】：

我有一个单页响应式网站，我不希望它在页面定位后显示为reload/refresh。我怎样才能防止这种情况发生？

【问题讨论】：

默认不会重新加载，请出示您的代码...
防止什么 - 页面重新加载？当你改变方向时，它通常不应该重新加载。在什么样的设备上，在什么样的浏览器上？
您的意思是您不希望页面在页面方向更改时适应新的屏幕宽度？（这不是重新加载/刷新。）如果是这样，并且假设您在 CSS 中定义媒体断点，那么您可以在媒体查询中包含方向状态。
欢迎来到 SO。请分享您的代码和/或现场示例，它会大大提高您获得答案的机会。

【解决方案1】：

将这段 javascript 添加到页面：

$(window).on('load', function() {
    switch(window.orientation){
      case -90:
        contentType = "rotated-right";
      break;

      case 90:
        contentType = "rotated-left";
      break;
    }
    $('html').removeClass('rotated-left').removeClass('rotated-right').addClass('rotated-' + orientation)
});

还有这个css：

html.rotated-right {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

html.rotated-left {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}

【讨论】：

我非常希望它在页面定位期间充当 yahoo.com 功能。如您所见，他们的页面在横向/纵向模式下不会重新加载/刷新。我正在 Safari 的 ipad 上测试我的网站。网址：mktminc.com/ecraftinc
雅虎网站对我来说和你的网站完全一样。 “重新加载/刷新”是什么意思？
甲基：当我说刷新/重新加载时，我的意思是当您单击地址栏中的刷新箭头时。
所以，它不会为我重新加载。