跳到主要內容

精選文章

張貼者：

【公開聲明】關於近期網路特定言論與個資洩漏事件的說明

大家好，我是江舜智（紅色死神）。 近期有許多長期關注我的朋友、學生以及合作夥伴向我反映，網路上有特定人士（Threads 帳號 @drama.note）持續在各類與事件無直接關聯的討論串、課程資訊以及公開貼文下方留言，並引導他人前往我的個人網站與公開平台，同時以負面標籤及特定敘事方式討論我個人。 由於相關行為已持續相當長一段時間，甚至延伸至現實生活層面，對我的合作單位、教學夥伴以及部分學生造成困擾與壓力，我對此感到遺憾，也對受到影響的朋友們表達歉意。 因此，我希望藉此機會向所有關心此事的朋友，說明我的立場與態度。 一、關於事件本身：理性討論永遠受到歡迎 多年來，不論是在軟體開發、網頁前端教學領域，或是經營「Uniform Map 制服地圖」、進行攝影創作與分享個人觀點時，我始終相信公開透明與理性交流的重要性。 我並非完美的人，任何人都可能有思慮不周或與他人意見不同的時候。過去關於網站經營模式與相關議題，網路上確實出現過不少討論與質疑，而相關事項也曾進入司法程序接受調查。 經檢察機關完整調查後，最終依法作出不起訴處分，案件已告確定。 這代表相關指控經過司法審查後，並未認定存在違法情事。即使如此，我仍然願意以開放的態度面對外界意見。 如果有人對於我的教學內容、網站運作方式，或任何公開言論抱持不同看法，我始終歡迎在尊重彼此的前提下進行公開且理性的討論。 若有任何值得檢討與改進之處，我也願意虛心接受建設性的批評與建議。 二、關於持續性的騷擾行為：應以事實與法律為依據 我認為理性討論與持續性騷擾之間，存在明確界線。 近一年來，特定人士的部分行為已不再只是針對議題提出意見，而是逐漸演變成持續性的人身攻擊與現實層面的干擾，包括： • 在與事件無直接關聯的課程公告、教學資訊及各類公開討論串中，反覆張貼我的個人資訊與相關內容。 • 主動聯繫我的合作單位與工作相關機構，對其施加壓力或進行干擾。 • 在司法程序進行期間及收到相關通知後，仍持續以指名道姓方式發布涉及人格評價與攻擊性的言論。 我尊重每個人表達意見與監督公共議題的權利，但我同樣認為，任何討論都應建立在事實基礎上，並尊重法律程序與他人的基本權益。 無論支持或反對我的人，都有權自行查閱公開資訊、了解案件經過並形成自己的判斷，而不是透過片面標籤或情緒性指控來取代事實。 三、我的處理方式 對於相關爭議，我始終選擇透過法律與制度來處理，...
張貼留言
Read more »
標籤
張貼者：

製作網頁畫面捲動不同步效果

208949_4230890500314_135407198_n
點上圖可以看效果。

最近國外網站流行這種，當我們滾動捲軸時，背景的圖片不同步捲動的效果，稍微思考一下，其實也不會很難做，剛好看到有篇文章介紹，就自己也實作一個，其實也是最近剛好有需要用到。

簡單的說我們需要幾個div，讓他的position設為fixed，到時在根據捲動scrollbar距離去改變每個div的top的高度就可以了。

他這邊是使用一個基準div去讓其他的div去變化位置，也可以使用一個會隨scrollbar位置變化的參數去設定每個div的位置。

這邊是CSS
view plaincopy to clipboardprint?
  1. .figure{   
  2.     width:500px;   
  3.     height:500px;   
  4.     position:fixed;   
  5. }   
  6. #f1{   
  7.     background:url(01.png);   
  8.     left:0;   
  9.     top:280px;   
  10. }   
  11. #f2{   
  12.     background:url(02.png);   
  13.     left:200px;   
  14.     top:0px;   
  15. }   
  16. #f3{   
  17.     background:url(03.png);   
  18.     right:0px;   
  19.     top:50px;   
  20. }   
  21. #f4{   
  22.     background:url(04.png);   
  23.     right:200px;   
  24.     top:160px;   
  25. }  

之後再參考以下的js就可以了。
view plaincopy to clipboardprint?
  1. var h1 = $("#f1").offset().top;   
  2. var h2 = $("#f2").offset().top;   
  3. var h3 = $("#f3").offset().top;   
  4. var h4 = $("#f4").offset().top;   
  5.        
  6. $(window).scroll(function(){   
  7.     var a = $(window).scrollTop();   
  8.     var y = $("#f0").offset().top;   
  9.     var p = a/(y-a);   
  10.     var pp1 =h1-6*p+"px";   
  11.     $("#f1").css({"top":pp1});   
  12.       
  13.     var pp2 =h2-8*p+"px";   
  14.     $("#f2").css({"top":pp2});   
  15.       
  16.     var pp3 =h3-4*p+"px";   
  17.     $("#f3").css({"top":pp3});   
  18.       
  19.     var pp4 =h4-2*p+"px";   
  20.     $("#f4").css({"top":pp4});   
  21. });  

其實之前有找到一個plugin，有興趣也可以試試看。
Stellar.js

Labels:

留言

張貼留言

熱門文章