아이디로 스크롤 부드럽게 이동하게 하는 방법

게시글

아이프레임 처럼 스크롤바를 넣고 싶은경우

특정위치의 내용의 가로 세로 사이즈가 고정되어 야 하는경우가있다 이때 범위가 벗어나면 안되는경우가 있는데 벗어나게되면 전체적인 디자인이 깨지거나 하는경우이다 이때 사용하는 방법이 스크롤이 생기게 하는방법인데 아이프레임으로 스크롤을 처리해도 되지만 스타일로 간단하게 처리하는 방법이있다 아이프레임 효과 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 가로세로 300px가 넘어가는 경우 자동으로 스크롤 처리하는 부분이다 overflow:auto; 부분으로 스크롤이 없다가 사이즈가 오버되면 그때 스크롤이 생긴다

게시글

투명하게 변경하기 위한 방법 fadeTo

$("#아이디").fadeTo(1000, 0.5); //1초동안 0.5투명도로 변경함 $("#아이디").show("fade");//투명 -> 보여짐 $("#아이디").hide("fade");;//보여짐 -> 투명

게시글

html,body 부분의 스크롤바 제거하는 방법

html,body부분의 스크롤바를 제거하고자 하는경우가 있다 이때 사용하는 방법이다 html, body { height:100%;overflow-x:hidden; overflow-y:auto} overflow-x,overflow-y브라우저별,버전별에 따라 지원유무를 파악한후 사용해야한다

게시글

show() blind사용할때 상하좌우 블라인드 되게 처리하는 방법

$("#아이디").show() 단순히 보여주는 형식이나 블라인드 형식으로 위에서 아래로 좌축에서 우측으로 블라인드 되면서 노출되게 하는 방법이다 열기 $("#아이디").show("blind");//기본은 위아래로 블라인드 된다 $("#아이디").show("blind",{direction:"left"},300,function(){});//좌측으로 블라인드됨 $("#아이디").show("blind",{direction:"right"},300,function(){});//우측으로 블라인드됨 닫기 $("#아이디").hide("blind");//기본은 위아래로 블라인드 된다 $("#아이디").hide("blind",{direction:"left"},200,function(){}); $("#아이디").hide("blind",{direction:"right"},200,function(){});

웹포트폴리오 제작 | 스크롤시 한쪽영역은 고정되고 한쪽영역만 스크롤되는 애니메이션 - Yo

www.youtube.com

유튜브 채널 '코딩하는 디자이너 [잘난웹디]'의 영상 '웹포트폴리오 제작 | 스크롤시 한쪽영역은 고정되고 한쪽영역만 스크롤되는 애니메이션'이다. 웹 포트폴리오 제작 재생목록에 포함된 강의 영상이다. 제목대로 페이지를 스크롤할 때 화면의 한쪽 영역은 고정해 두고 다른 쪽 영역만 움직이게 만드는 스크롤 애니메이션 레이아웃을 구현하는 과정을 다룬다. 포트폴리오 사이트에서 자주 쓰이는 인터랙션을 직접 코드로 만들어 보는 웹퍼블리싱 실습형 콘텐츠다. 웹퍼블리셔나 웹디자이너를 준비하며 포트폴리오 사이트에 스크롤 효과를 넣고 싶은 입문자에게 유용하다.

게시글

스타일 여러게를 한꺼번에 변경하는 방법

스타일 여러게를 한꺼번에 변경하는 방법 여러옵션을 사용하는 방법이다 {}를 통해서 사용할수 있으며 형식은 {"옵션명1":"값1","옵션명2":"값2"} 이런식으로 사용한다 다음은 예시이다 $(this).css({'border':'2px solid #f9cd00','padding':'0px'}) 하나만 사용할때는 {} 없이 "옵션1","값1" 이런식이다 다음은 예시이다 $(this).css("border","2px solid #f9cd00");

게시글

네이버에서 환율시세 크롤링해서 활용하기(1)

프로그램 개발할때 환율 정보가 필요할 때가 있습니다 이때 활용하는 방법입니다 네이버의 환율정보를 PHP로 크롤링해 mysql에 입력하는 방법입니다 동작원리는 외부에 있는 환율정보 페이지를 반복적으로 리다이렉트해 크롤링하여 입력하는 로직입니다 크롤링주소 https://finance.naver.com/marketindex/exchangeDailyQuote.naver?marketindexCd=FX_USDKRW&page=1