728x90
반응형

scroll 4

스크롤 후 요소가 보이는지 확인하는 방법

질문 : 스크롤 후 요소가 보이는지 확인하는 방법은 무엇입니까? AJAX를 통해 요소를로드하고 있습니다. 일부는 페이지를 아래로 스크롤해야만 볼 수 있습니다. 페이지의 보이는 부분에 요소가 있는지 알 수있는 방법이 있습니까? 답변 이것은 트릭을 수행해야합니다. 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)); } 간단한 ..

JavaScript를 사용하여 페이지 맨 위로 스크롤 하는 방법

질문 : JavaScript를 사용하여 페이지 맨 위로 스크롤 하시겠습니까? JavaScript를 사용하여 페이지 상단으로 스크롤하려면 어떻게합니까? 스크롤바가 페이지 상단으로 즉시 점프하는 것은 부드러운 스크롤링을 원하지 않기 때문에 바람직합니다. 답변 애니메이션을 적용하기 위해 변경 사항이 필요하지 않으면 특별한 플러그인을 사용할 필요가 없습니다. 기본 JavaScript window.scrollTo() 메서드를 0, 0 전달하면 페이지가 맨 위로 스크롤됩니다. 즉시 떠났습니다. window.scrollTo(xCoord, yCoord); 매개 변수 xCoord는 가로 축을 따라있는 픽셀입니다. yCoord는 세로 축을 따라있는 픽셀입니다. 출처 : https://stackoverflow.com/que..

CSS를 사용하여 div를 세로로 스크롤 가능하게 만들기

질문 : CSS를 사용하여 div를 세로로 스크롤 가능하게 만들기 사용자가 가로 및 세로로 스크롤 할 수 div 를 제공합니다. div가 세로로만 스크롤되도록 변경하려면 어떻게해야합니까? 답변 잘못된 속성을 사용하는 것 외에는 그것을 덮었습니다. overflow , overflow-x 또는 overflow-y 속성으로 트리거 될 수 있으며 visible , hidden , scroll , auto 또는 inherit 중 하나로 설정할 수 있습니다. 현재 다음 두 가지를보고 있습니다. auto 이 값은 상자의 너비와 높이를 나타냅니다. 정의 된 경우 상자가 해당 경계를 넘어 확장되지 않습니다. 대신 (콘텐츠가 해당 경계를 초과하는 경우) 길이를 초과하는 경계 (또는 둘 다)에 대한 스크롤 막대를 만듭니다...

jQuery 원하는 요소로 스크롤 하는 방법

질문 : 요소로 jQuery 스크롤 이 input 요소가 있습니다. 그런 다음 다른 텍스트 입력, 텍스트 영역 등과 같은 다른 요소가 있습니다. 사용자가 #subject input 을 클릭하면 페이지가 멋진 애니메이션으로 페이지의 마지막 요소로 스크롤되어야합니다. 스크롤은 맨 아래가 아니라 맨 아래로 이동해야합니다. 페이지의 마지막 항목은 #submit submit 버튼입니다. 애니메이션은 너무 빠르지 않아야하며 유동적이어야합니다. 최신 jQuery 버전을 실행하고 있습니다. 플러그인을 설치하지 않고 기본 jQuery 기능을 사용하여이를 달성하는 것을 선호합니다. 답변 button 이있는 버튼이 있다고 가정하면 다음 예제를 시도해보십시오. $("#button").click(function() { $([d..

728x90
반응형