티스토리 뷰

반응형
/* Enable "scrollh" Event jQuery Plugin */
(function ($) {
    $.fn.enableHScroll = function() {
        function handler() {
            var lastPos = $(this).scrollLeft();
            $(this).on('scroll', function() {
               var newPos = $(this).scrollLeft();
               if(newPos !== lastPos) {
                   $(this).trigger('scrollh', newPos - lastPos);
                   lastPos = newPos;
               }
           });
        }
        return this.each(function() {
            var el = $(this);
            if (!el.data('hScrollEnabled')) {
                el.data('hScrollEnabled', true);                 
                handler.call(el);
            }
        });
    }
}(jQuery));
    
$('#container')
    .enableHScroll()
    .on('scrollh', function(obj, offset) {
        $('#info').val(offset);
    });

jsfiddle.net/XgYpP/

반응형

'구버전 팁' 카테고리의 다른 글

DataTables 사용법  (0) 2020.11.25
맥북 친해지기  (0) 2020.11.22
single click , double click 구분하기  (0) 2020.11.17
input type="search"  (0) 2020.11.16
소나큐브( Sonarqube )  (0) 2020.11.15
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함