flexcroll 플러그인을 사용할 때 div에서 앵커 포인트를 어떻게 사용 하시겠습니까?

Question

div의 특정 부분으로 이동하는 버튼이있는 메인 div에서 사용자 정의 스크롤바를 갖기를 원하지만 flexcroll 플러그인을 사용할 때 앵커 포인트가 작동하지 않는 것처럼 보입니다 (앵커 포인트를 올바르게 수행하고 있음을 알고 있습니다. 해당 div에서 flexcroll을 비활성화하면 제대로 작동합니다.)

앵커 포인트를 설정하는 데 사용할 수있는 방법은 무엇입니까?

EDIT FOUND 솔루션 : 클릭 할 수있는 문서의 특정 위치로 이동하려면 클릭하십시오. onclick = "Wrapper.fleXcroll.setScrollPos (false, 0);"

Answer 1

나는이 기능을 과거에 사용해 왔습니다. 참고로, 나는 flexcroll에 대해 아무것도 모릅니다. 따라서 이것으로 테스트하지 않습니다 :

var isInt = function(val) { 
    return (parseInt(val, 10) == val); 
}; 

var scrollTo = function(node) { 
    var pNode = node.parentNode; 
    var offset = node.offsetTop - pNode.offsetTop; 
    var pHeight = pNode.clientHeight; 
    var height = node.clientHeight; 
    var scrollOffset = pNode.scrollTop; 
    var buffer = 10; 
    var scroll = null; 

    if (scrollOffset > offset) { 
     scroll = offset - buffer; 
    } else if (pHeight + scrollOffset < offset + height + buffer) { 
     scroll = offset + height + buffer - pHeight; 
    } 

    if (isInt(scroll)) { 
     pNode.scrollTop = scroll; 
    } 
}; 

이것은 순수 JS 버전입니다. jQuery version

: 여기 ( example)

스크롤 이벤트 애니메이션 JQuery와 버전의 예는