LiveStation Bug

[pakerchang]

1. �table 時間欄位正則碰到整點時間顯示會只剩小時單位
2. scrollbar 滑動在資料欄位長度超出顯示版面時，沒辦法一次滑動置底

[pakerchang]

• table 時間顯示問題已透過date-fns 將字串轉成時間格式處理，並新增了過濾已發車的車次。
  • Code
• scrollbar問題主要部分是兩個，第一點是 apple 所使用的webkit 組中的有個稱為橡皮筋特效的設定
  導致資料是動態變化時，局部高度和全域高度會產生衝突，早期做法是將 Head 及 Footer 部分設定為 fixed 蓋住全域變化
  後期做法 React 如子項部分，直接將特效偵測關閉避免高度隨動態變化延展而衝突
  第二個問題是因為 Safari 本身不吃 margin-bottom 的CSS屬性，導致出現Bug 影片示例中的沒辦法滑到資料最終長度就出現橡皮筋特效的問題，改成padding-bottom 之後就正常了
  • Bug影片
  • Code

查詢到的相關文章

• 橡皮筋特效

  • https://www.cnblogs.com/cuncunjun/p/7493782.html
  • https://juejin.cn/post/6844903662326644744
  • http://w3cay.com/post/dc49b55.html?title=React-scroll&from=jianshu
  • https://segmentfault.com/a/1190000014134234
  • https://blog.csdn.net/qq_40593656/article/details/118338463
  • https://www.jianshu.com/p/fba5581a0cdd

• margin-bottom問題

  • https://www.jianshu.com/p/b1f6620eab22