body가 overflow-x : hidden을 가지고있을 때 Bootstrap 3.0 affix가 작동하지 않음

Question

왜 CSS 스타일 overflow-x:hidden이 body 요소에있을 때 접미어 플러그인이 작동하지 않습니다. 접사, 접사 - 상단 및 접사 하단 사이를 전환하는 것을 단순히 거부합니다.

나는 그것이 스크롤 위치를 감지하거나 측정하지 못하는 것 같지만 왜 overflow-x:hidden이 이것을 일으킬 수 있는지 알지 못합니다.

불행히도 overflow-x:hidden이 필요하므로 제거하는 것은 좋지 않습니다.

어떻게/어떻게보아야하는지에 대한 아이디어가 있습니까?

Answer 1

게시물의 나이를 판단하여 문제를 다른 방식으로 해결했습니다. 하지만 같은 문제가 발생하여 동일한 문제가 발생하는 다른 사람들을 위해 해결책을 찾았습니다.

html, body {overflow-x:hidden;}이 설정되면 접미사 기능이 실제로 중단됩니다.

대신 CSS에서 html .container, body .container {overflow-x:hidden;}을 사용하면 완벽하게 작동하며 모바일에 가로 스크롤이 없습니다.

이 CSS를 미디어 쿼리에 넣어 모바일에만 적용해야합니다.