页面加载效果 - 每个新页面从不同的方向滑入（...作为使用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;
 }
 ?>