[徵才] 請求網頁前端高手幫我解決小問題(以徵到)

看板soho作者 (小胖囉)時間8年前 (2015/11/21 12:56), 8年前編輯推噓6(6015)
留言21則, 4人參與, 最新討論串1/1
案 主 資 料: (必填欄位如不詳實將立刻水桶處理) 個人徵才 姓名(必填):陳先生 電話(必填):0983853277(請以站內信為優先) 電子信箱 :lester928@gmail.com 聯絡方式 :站內信 ---------------------------------------------(公司徵才上述免填) 公司徵才 (以下必填) 公司名稱:    公司統編:    公司地址:    公司電話: 聯絡方式: ---------------------------------------------(個人徵才上述免填) 徵 求 條 件: 會javascript或Jquery 徵 求 期 限: 解決問題為止 交 件 時 間: 無 預 算 (必填): 150(轉帳費我出) (如無概念請參考置底 2015接案報價行情表 ) (無實際預算/來信報價 將被水桶30日,如設定預算上下限範圍,不可超過3倍) 酬 勞 發 放 日: 當天 工 作 內 容: 徵求前端程式高手呀~ 提供報酬150元(轉帳費我出) 程式碼在這 http://codepen.io/WeiLin/pen/qOwjzZ 預期的效果: 畫面上有一個圖層 左上角是圖層的高度 滾輪往下滑到灰色區塊的高度時 灰色區塊的高度會跟著滾輪由"上往下"遞減 目前這個程式 滾輪往下滑 高度的確有減 但是 是由下往上減 而且一開始就執行 大概是這樣 設定判斷式 if (scroll >'某個數字'){ 執行div.height由上往下遞減的程式碼 } 懂這個的 大概幾分鐘就能KO啦...因為不知道要怎麼把條件式寫出來 跪求幫忙呀~感恩 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.230.24.105 ※ 文章網址: https://www.ptt.cc/bbs/soho/M.1448081787.A.57F.html

11/21 13:29, , 1F
看得不是很懂 由上往下是遞減 由下往上又是減? 不是遞增嗎
11/21 13:29, 1F

11/21 13:30, , 2F
且在上下滾動時 灰色區塊已經有忽大忽小變化了
11/21 13:30, 2F

11/21 14:01, , 3F
遞減是做到了 可是 圖層是從底下往上減去
11/21 14:01, 3F

11/21 14:01, , 4F
但我是希望圖層是從上面往下減去 同樣都是遞減就是
11/21 14:01, 4F
※ 編輯: G4321 (61.230.24.105), 11/21/2015 14:03:31

11/21 14:28, , 5F
看起來應該是CSS有關 或是再加一個DIV上去蓋掉現有的DIV
11/21 14:28, 5F

11/21 16:13, , 6F
看不懂問題,你是想要藍色往下遞增嗎
11/21 16:13, 6F

11/21 16:16, , 7F
你js變更的是灰區塊的高度,所以當然是從底上減上去
11/21 16:16, 7F

11/21 16:16, , 8F
如果沒理解錯誤,應該你是要用一個div配css+js高度
11/21 16:16, 8F

11/21 16:16, , 9F
隨滾動增加去蓋住灰塊這樣
11/21 16:16, 9F

11/21 16:24, , 10F
話說我copy您的code去調整~怎沒有效果?是free的關係嗎
11/21 16:24, 10F

11/21 16:36, , 11F
喔喔找到加入jq的地方了
11/21 16:36, 11F

11/21 16:37, , 12F

11/21 16:38, , 13F
不知道這是不是你要的效果,有問題可以互相討論看看
11/21 16:38, 13F

11/21 18:42, , 14F
差不多 不過是滾輪滑到灰色區塊時才帶動區塊遞減
11/21 18:42, 14F

11/21 18:43, , 15F
所以可能要加判斷式 =.=
11/21 18:43, 15F

11/21 18:43, , 16F
人在外 晚點再看
11/21 18:43, 16F

11/21 22:12, , 17F
http://codepen.io/anon/pen/OyGzpw 是要這樣的效果嗎~?
11/21 22:12, 17F

11/21 23:49, , 18F
其實兩位大大 都有做到 現在就差在判斷式= =
11/21 23:49, 18F

11/21 23:49, , 19F
當滑鼠 滑到某一個高度的時候 再讓他執行遞減的動作
11/21 23:49, 19F

11/22 01:41, , 20F
你可以研究一下有個jQuery套件,好像是叫scroll in的
11/22 01:41, 20F

11/22 01:41, , 21F
吧?
11/22 01:41, 21F
OK 謝謝 目前已經找到了 有兩位 謝謝各位 ※ 編輯: G4321 (61.230.25.19), 11/22/2015 12:19:25 ※ 編輯: G4321 (61.230.25.19), 11/22/2015 12:19:47
文章代碼(AID): #1MJ_bxL_ (soho)