IE scroll bar hidden not work

情境是這樣的,今天我不想要顯示scroll bar所以用css的overflow-y隱藏掉,在Chrome測試時寫一個mousewheel event是正常的,但是在ie似乎原本的寫法不行,上網google了一下,最後使用這個解法,註冊一個wheelDelta event,阿然後一樣…在mousewheel事件內來算scrollTop,很簡單,但紀錄一下…

1
2
3
4
5
6
7
8
$(function(){
$.event.props.push('wheelDelta');
$('tbody').on('mousewheel', function(e){
var delta = e.wheelDelta || -e.detail;
var scrollTop = $(this).scrollTop();
$(this).scrollTop(scrollTop += (delta < 0 ? 1 : -1) * 30);
});
});

整個範例CODE我放在GIST紀錄一下。