高雄農場—謝定宇

ray 國軍退除役官兵輔導委員會
#1

網站

高雄農場

姓名

謝定宇

日期

2017-11-30

瀏覽器解析度

Safari：macOS Sierra 10.12.6（16G29）

作業系統版本

macOS Sierra 10.12.6（16G29）

瀏覽器版本（iOS的Safari填iOS版本）

Chrome：版本 60.0.3112.101 (正式版本) (64 位元)
Safari：macOS Sierra 10.12.6（16G29）

有發現表格排版影響閱讀問題（大量table爆炸可以截示意圖列出位置就好）

無

有跑版（影響閱讀）問題

無

  • ]]
    [ Safari&Chrome ]

有出現亂碼

無

有壞掉的連結

無

有不能用的外掛程式（ActiveX、Applet、Flash、Silverlight、…）

無

有不能運作的網頁元素（如按鈕不能按、選單不能選等）

  • [ Safari&Chrome ] 網站圖片跑馬燈可能無法正常運作，有時可直接正常顯示，有時需要重新整理數次
    以 [ 交通資訊 > 鄰近景點 ]]為例
  • [ 首頁 > ．影音專區 > 2017 爝火不息 10/25 ]
    [ Safari&Chrome ] 雲端硬碟檔案遺失

其他（無法判斷屬於以上那個分類的都放在這邊）

  • [ Safari&Chrome ] 網站Banner浮動導致瀏覽視野大幅被佔據
    www.kaohsiungfarm.com.tw

對此網站建議（給個建議吧）

☆☆

#2

網址
http://210.60.147.4/kaohsiungfarm/index.php
可修正為
http://www.kaohsiungfarm.com.tw/index.php

#3

11/30 03:45 完工

#4

#問題

問題無法復現
經測試正常顯示

#5

#問題

#可能原因
「2017 爝火不息」其實是一張圖片加上連結: https://goo.gl/Zh3tUJ
此連結上的google雲端檔案遺失

#建議修改
修復google雲端檔案 並更換連結
或直接將影片放上youtube 嵌入網頁

#6

#問題

#可能原因
導覽列設計不當

#問題程式

1.logo圖片太大：

<img src="/kaohsiungfarm/images/KaohsiungFarm/khf_logo_new.png" alt="" id="jsn-logo-desktop">

2.往下滑動後，當導覽列固定在上方時，logo圖片還存在在上方，導致導覽列高度太高：
/cache/jsn_metro_pro/a1e29290f8aa128dcc5d5faf6bb11827.js

		window.addEvent('load', function() {
			var	headerPosition = header.getPosition(),
				menuHeight = header.getHeight(),
				placeHolder = new Element('div', {'class': 'jsn-menu-placeholder'});

			window.addEvent('scroll', function(event) {
				var windowScroll = window.getScroll();

				if (windowScroll.y > headerPosition.y) {
					header.addClass('jsn-menu-sticky');	
					placeHolder.inject(header, 'after');
					placeHolder.setStyle('height', menuHeight);

				} else {
					header.removeClass('jsn-menu-sticky');
					placeHolder.destroy();
				}
			});
		});

#建議修改
1.調整logo圖片大小至250px

<img src="/kaohsiungfarm/images/KaohsiungFarm/khf_logo_new.png" alt="" id="jsn-logo-desktop" width="250">

2.調整js：當瀏覽下來後，導覽頁固定在上方時，不顯示logo圖片。若又瀏覽回上方，再顯示圖片

		window.addEvent('load', function() {
			var	headerPosition = header.getPosition(),
				menuHeight = header.getHeight(),
				placeHolder = new Element('div', {'class': 'jsn-menu-placeholder'});

			window.addEvent('scroll', function(event) {
				var windowScroll = window.getScroll();

				if (windowScroll.y > headerPosition.y) {
					header.addClass('jsn-menu-sticky');	
					placeHolder.inject(header, 'after');
					placeHolder.setStyle('height', menuHeight);
					document.getElementById("jsn-logo").style.display="none";

				} else {
					header.removeClass('jsn-menu-sticky');
					placeHolder.destroy();
                   document.getElementById("jsn-logo").style.display="inline";
				}
			});
		});