iT邦幫忙

0

為何it邦幫忙的手機版網頁介面這麼廢......完全無法翻頁滑動

  • 分享至 

  • xImage

這不是一天兩天的事了欸 唉

小財神 站方管理人員 ‧ 2017-03-18 09:18:06 檢舉
我的手機版一直可以翻頁的唷!
可否詳述一下狀況呢?
ZenFone 2,chrome 瀏覽器
例如我發問後回到問題頁面,就只能看到畫面下方的第一則問題,其他全卡住看不到
tzuchin iT邦新手 5 級 ‧ 2017-04-15 19:23:10 檢舉
我也有這個問題,讀取網頁後可看到頁面,但沒辦法上下滑動,偶爾發生,HTC10 + Chrome,重整後才正常
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
SunAllen
iT邦研究生 1 級 ‧ 2017-03-18 09:45:42

藍波大...我的手機也是這樣,我的是In-Focus M812

不過我的狀況,應該是...手機慢-.- 遲鈍-.- 會自動停止載入,要再按重新整理幾次,才會正常-.-

我的手機是ZenFone2,除非將Chrome改成電腦版,否則只會停在第一頁,不管是問題、文章、聊天都是置頂狀態

SunAllen iT邦研究生 1 級 ‧ 2017-03-18 13:59:12 檢舉

yes! 我們的情況一樣...我的手機的瀏覽器效能,在電腦版和手機版網頁轉換時,應該不夠快-.- 所以就自動停止載入/images/emoticon/emoticon20.gif

0

我的是infocus m350安卓5.1
正常
XD

0
huangsb
iT邦好手 1 級 ‧ 2017-03-19 07:43:08

我的是 zenfone 2 laser + Chrome,也是正常的。

huangsb iT邦好手 1 級 ‧ 2017-03-19 08:06:38 檢舉

有時侯的確不能捲動,必需重新整理。

所以這到底算手機問題?瀏覽器問題?運氣問題???/images/emoticon/emoticon20.gif

2
bizpro
iT邦大師 1 級 ‧ 2017-03-19 11:11:56

iTHome已採用自適應(adaptive)設計, 但是為了行動版本特別設計一個:
http://ithelp.ithome.com.tw/m

由於採用vuejs的框架來渲染(rendering)與控制, 對行動裝置來說需要使用v-cloak來避免我們看到vuejs的變數:

<body v-cloak>
<router-view></router-view>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ithelp.ithome.com.tw/mobile/js/bootstrap.min.js"></script>
<script src="http://ithelp.ithome.com.tw/lib/select2/js/select2.full.min.js"></script>
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-3355931-1']);
  _gaq.push(['_trackPageview']);
 (function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 })();
</script>
<script src="http://ithelp.ithome.com.tw/mobile/js/iframeResizer.min.js"></script>
<script src="http://ithelp.ithome.com.tw/mobile/js/build.js"></script>
</body>

v-cloak必須等到所有的DOM元件完成編譯才能開始渲染. 如同做了一個"結界", 把所有的東西包在結界裏, 必須先完成結界你才看得到, 而iTHome的v-cloak是在body標籤上, 部份行動裝置的瀏覽器難以在同一時間渲染所有"結界"中的元件. 所以這是可能的問題. 應該把v-cloak放在需要的地方.

果真是大師..........(完全看不懂啊

另外 手機版頁面無法讀取自己的"通知" 不知道有沒有解?

bizpro iT邦大師 1 級 ‧ 2017-03-20 14:18:33 檢舉

原稿: iTHome並非採用自適應(adaptive)設計, 所以為了行動版本特別設計一個:
修正: iTHome已採用自適應(adaptive)設計, 但是為了行動版本特別設計一個:

既然已是自適應, 只需為小螢幕設計選單就可以了, 不需要再額外設計"行動版網站". 這樣所有的功能都呈現在不同螢幕尺寸上, 也自然可以讀取所有的通知.

我要發表回答

立即登入回答