将JS用于多页移动网站

时间:2015-07-16 16:24:01

标签: javascript jquery css jquery-mobile

我正在构建一个大型网站(30多页),并希望使用包含3列的集中式HTML页面。我希望中间列可以根据通过左列(导航栏)或页面顶部的导航点击链接进行更改。

这是我所谈论的简单布局(不知道为什么中间部分不会落在左侧面板后面)。 https://jsfiddle.net/cxLcmfh8/

因此,不同的.middle-panel对象链接到.left-panel nav元素。左侧导航将保持不变,中间将淡入,具体取决于单击的链接。

我担心这样的事情对移动用户来说太大了。有没有办法建立一个像这样的设置的大型网站,而不必让移动用户基本上下载整个网站只是为了享受一些整洁的过渡?

1 个答案:

答案 0 :(得分:0)

如果数据不大,不会产生任何差异,如果大于你应该使用服务器端脚本like PHP,JSP or servlet在同一页面生成响应并在页面加载时应用动画。

或使用AJAX在需要时下载数据并应用转换。此方法不会下载所有数据,也不会创建超出头部,这取决于净速度。