변경 div 기반으로 얼마나 멀리 페이지를 아래로 스크롤

Question

내가 노력하고 있는 텍스트를 변경 내부 div 기반으로 얼마나 멀리 페이지를 아래로 스크롤.었 땜질 jQuery 의 scrollTop 및 문서 높이었지만 지금까지 생산하는 데 실패했고 원하는 결과를 얻는 것입니다.

어떻게 나의 위치는 요소로 페이지에서 다음 jQuery 가 뭔가를 당신 스크롤하는 요소를 위치에 있습니까?

도움이 많이 감사드립니다!

Answer 1

문제가 있었에서 유래는 물과 비슷한 그가 채찍질은 작은 예로 설명하기 위해 어떻게 작업을 수행합니다.나는 찾을 수 없는 질문 바로 지금,하지만 다음은 예입니다.이 예제가 있 div 는 다음과 같할 때까지 스크롤하고 특정 요소로 페이지에서는 점 div 가 숨겨져 있습니다.변경할 수 있습니다 이를 달성하기 위해 무엇을 원하는 아이디어는 동일합니다.여기에는 코드를 수정을 위해 무엇을 해야 합:

$(document).ready(function() {
    function isScrolledIntoView(elem) {
        var docViewTop = $(window).scrollTop();
        var docViewBottom = docViewTop + $(window).height();

        var elemTop = $(elem).offset().top;
        var elemBottom = elemTop + $(elem).height();

        return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom));
    }

    var myelement = $('#formcontainer'); // the element to act on if viewable
    $(window).scroll(function() {
        if(isScrolledIntoView(myelement)) {
            // do something when element is scrolled to and viewable
        } else {
            // do something when element is not viewable
        }
    });
});

Answer 2

옛 ppk 서 quirksmode.org 을 보여줄 수 있는 방법을 찾기 위해 위의 요소:"이 스크립트는 진짜 위치,그래서 만약 당신의 크기를 조정 페이지 및 스크립트를 실행시,그것은 올바른 새로운 위치를 요소입니다."