HTML Webページでスクロールを使用していますが、問題はページ全体で機能することですが、スクロール機能を呼び出しているdivで機能させたいのは私のコードです
<script>
var startPos;
function init(){
var scrollArea = document.getElementById('holder');
scrollArea.addEventListener('touchstart', function(event){
touchstartHandler(event);
}, false);
scrollArea.addEventListener('touchmove', function(event){
touchmoveHandler(event);
}, false);
scrollArea.addEventListener('touchend', function(event){
touchendHandler(event);
}, false);
}
function touchstartHandler(e){
startPos = e.touches[0].pageY;
}
function touchmoveHandler(e){
var touch = e.touches[0];
var targetBox = e.currentTarget.getElementsByTagName("div")[0];
e.preventDefault();
var fingerMoved = startPos - touch.pageY;
startPos = touch.pageY;
targetBox.scrollTop = targetBox.scrollTop + fingerMoved;
}
</script>