javascript - js 일반 뉴스 연속 스크롤

Question

여기서 스크롤이 불연속적인 이유는 무엇인가요? 으아아아

Answer 1

더 직관적으로 만들기 위해. . 몇 가지 CSS 속성을 추가하겠습니다

으아악

그럼 연속 스크롤이 불가능한 이유에 대해 이야기해 보겠습니다.

오프셋Top을 잘못 사용했기 때문입니다

offsetTop은 offsetParent에 의해 지정된 요소의 상위 상대 거리입니다. . 여기서는 marqueecont 요소를 언급하고 있지만 offsetParent가 지정되지 않은 경우, marqueecont.offsetTop은 marqueecont의 위쪽과 가장 바깥쪽 몸체 사이의 상대적 거리입니다.

그래서 이때 marqueecont.offsetTop은 100(테두리를 추가하면 102가 됩니다), 상단에 100 높이의 p가 있기 때문입니다...

실제로 marqueecont를 완전히 스크롤하는 데 필요한 높이는 189입니다. 100을 스크롤하면 자연스럽게 불연속적인 0으로 돌아갑니다. .

수정의 일반적인 효과를 직접 보려면:

으아악

마지막으로 HTML 구조 상단의 p가 너무 중복되었습니다. . 위와 같이 변경되면 상위 100p는 삭제될 수 있습니다

Answer 2

코드가 너무 길어요. 현상을 gif로 녹화해주실 수 있나요?

Answer 3

여기 꼭 보세요 http://www.cnblogs.com/seven_...
키가 너무 비슷해서 좀 이해하기 힘든 키입니다 [눈물]