반응형
/* 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);
});
반응형
'구버전 팁' 카테고리의 다른 글
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 |