[jQuery] IE에서 scrollTop animate 효과 동작하지 않는 문제 해결 방법

흔히 버튼을 클릭하여 스크롤을 부드럽게 이동시키는 효과는 animate를 이용하여 scrollTop 속성을 변화시킵니다. 이때 IE에서는 코드가 동작하지 않는 경우가 있습니다. 아래 코드는 IE에서 동작하지 않습니다.

scrollTop 속성에 0을 부여해 문서를 최상단으로 이동시키는 스크립트 입니다. 크롬이나 파이어폭스에서는 동작하지만 IE에서는 동작하지 않습니다.   그렇다면 이 코드를 동작하도록 수정해보겠습니다.

크게 바뀐 부분은 없습니다. 셀렉터 부분이 “html body”에서Continue reading “[jQuery] IE에서 scrollTop animate 효과 동작하지 않는 문제 해결 방법”

[jQuery] 선택자 갯수 카운팅하기

jQuery를 사용하다보면 특정 선택자의 갯수를 가져와야하는 경우가 생깁니다. 보통 같은 성격의 요소들을 일괄적으로 처리하기 위해서 많이 사용됩니다. 사용 방법은 간단합니다. $([선택자]).length(); 예: $(“.sample”).length(); => 결과 : 5

[jQuery] $문자가 다른 라이브러리와 충돌을 일으킬때

다양한 자바스크립트 라이브러리를 사용하다보면 jQeury와 충돌이 나는 경우가 종종 있습니다. 그런 상황을 jQuery의 $ 셀렉터를 대체함으로써 문제를 해결할 수 있습니다. jQuery.noConflict(); jQuery 라이브러리를 추가한 다음 줄에 위 명령을 주면 $ 셀렉터가 아닌 jQuery로 핸들링이 가능합니다. 예를 들면, $(“#sample_block”).css(“display”, “block”); 에서 jQuery(“#sample_block”).css(“display”, “block”); 로 쓰게되는 겁니다. 기존 $보단 키를 더 눌러야하는 귀찮음이 있지만 소스를 뒤집어 엎는Continue reading “[jQuery] $문자가 다른 라이브러리와 충돌을 일으킬때”