javascript - 页面加载效果 - 每个新页面从不同方向滑入（...作为使用 scrollTo 的单页站点）

Question

有没有办法通过从不同的方向滑入来使每个页面加载？（X 和 Y 轴）

就像在这个例子中一样：单页网站滚动到 div

这样做的原因是因为它在 iPad/iPhone 上不起作用（它们不支持固定元素，整个页面滚动）。我想如果有一个页眉菜单和一个页脚也许我可以达到这个效果。

然后，手机将呈现一个常规网页。另外，我想客户通过 CMS 管理事情会更容易。

提前致谢。

我 d.

...再次，对不起我糟糕的英语；）

Answer 1

您可以使用 =“handheld” 开关为移动设备提供不同的 CSS。

我建议研究用户代理检测，例如 PHP 类似于：

<? if (
 stristr($ua, "Windows CE") or
 stristr($ua, "AvantGo") or
 stristr($ua,"Mazingo") or
 stristr($ua, "Mobile") or
 stristr($ua, "T68") or
 stristr($ua,"Syncalot") or
 stristr($ua, "Blazer") ) {
 $DEVICE_TYPE="MOBILE";
 }
 if (isset($DEVICE_TYPE) and $DEVICE_TYPE=="MOBILE") {
 $location='mobile/index.php';
 header ('Location: '.$location);
 exit;
 }
 ?>