scroll()의 stopPropagation - 메서드가 외부 div에서 스크롤을 멈추지 않습니다.

고정 된 높이의 내부 개발자와 내용을 y 방향으로 스크롤 할 수있는 overflow-y: scroll;이 있습니다. 스크롤이 위쪽이나 아래쪽을 칠 때 바깥 쪽 div가 스크롤됩니다. 나는 그것을 막고 싶다. 나는 자바 스크립트 다음을 사용scroll()의 stopPropagation - 메서드가 외부 div에서 스크롤을 멈추지 않습니다.

<section id="concept" class="testimonials bg-black"> 
    <div class="col-lg-12"> 
     <div class="concept-frame"> 
     </div> 
    </div> 
</section>

$(".concept-frame").scroll(function(e) { 
    console.log("Scolling ..."+$(this).scrollTop()); 

    e.stopPropagation(); 
});

하지만 효과

. 스크롤이 외부 div로 전파되는 것을 어떻게 멈출 수 있습니까?

출처

2016-11-11 Michael

이의 예를 작업 할 수 있습니까? –

@ParthTrivedi 여기에 : https://jsfiddle.net/3zc3n1oh/1/ – Michael

그것이 작동한다고 가정하면 바깥 쪽 내용에 스크롤 막대가있는 것을 볼 때 사용자로서 무엇을 할 것이며, 아래에 숨어 있니? 당신은 바깥 쪽 div를 스크롤하는 것을 막았습니다. 어떻게 그 일을 다시 가능하게합니까? 그리고 그것을 발견하게 하죠? (당신의 질문은 완전히 합법적이지만 UX 측면에서 중첩 된 스크롤링에 대한 최선의 대답은 여전히 가능할 수 있습니다 : 가능하다면 그것을 피하십시오.) – hashchange

스크롤 이벤트가 거품이 너무 e.stopPropagation(); 부모의 스크롤 볼 방지하기 위해

작동하지 않습니다하지 않습니다

Prevent scrolling of parent element?

출처

2016-11-11 09:08:49 madalinivascu

답변에서 코드를 사용하려했지만 내 경우에는 효과가 없습니다. https://jsfiddle.net/3zc3n1oh/3/ – Michael

https://jsfiddle.net/8wtee37u/ – madalinivascu

scroll()의 stopPropagation - 메서드가 외부 div에서 스크롤을 멈추지 않습니다.

답변

관련 문제