高雄農場—謝定宇

網站

高雄農場

姓名

謝定宇

日期

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、…)


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


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


對此網站建議(給個建議吧)

☆☆

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

11/30 03:45 完工

#問題

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

#問題

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

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

#問題

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

#問題程式

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";
				}
			});
		});