크롬 브라우저 버그

크롬 브라우저에서 스크롤 할 때 간혹 발생하는 버그인데 새로운 버전에서 수정이 된 줄 알았는데 그게 아니었던 모양이다. 근데 가만 생각해보니 SIR(http://sir.co.kr)에 접속할 때만.. 그것도 회사에서.. 회사 PC에 무슨 문제가 있나? 크롬 브라우저의 버그 맞나? ㅋㅋ 근데 나 말고도 이런 문제 있다고 한 경우를 본 적이 있으니 문제가 맞는 것 같기도 한데.. 이미지처럼 스크롤을 하다보면 상단에 […]

Read More

[JS] 자바스크립트를 이용하여 특정 엘리먼트로 스크롤 이동하기

작업을 진행하다 보니 문서내에서 특정 id를 가진 엘리먼트로 스크롤 이동을 해야할 일이 생겼다. jQuery를 이용해볼까 싶은 생각이 잠시 들었지만 그것보다는 순수 자바스크립트로 구현하는 게 좋을 것 같아 찾아보니 다행스럽게도 scrollIntoView 라는 메소드를 제공해주고 있다. <script> document.getElementById(“special_id”).scrollIntoView(); </script> 위의 코드처럼 스크립트를 작성하게 되면 id가 special_id인 엘리먼트가 화면에 보이가 스크롤 된다. 그외에 a 태그의 name 속성을 이용한 페이지 […]

Read More

SyntaxHighlighter 적용 부분의 세로 스크롤바 문제 해결법

첨부된 이미지처럼 SyntaxHighlighter를 적용하고 폰트 사이즈등을 변경하면 세로 스크롤바가 생긴다. 이 스크롤바를 사라지게 하기 위해서는 아래 코드를 css 파일에 추가해주면 된다. .entry .syntaxhighlighter { font-size: 1.1em!important; padding-bottom: 5px!important; } 위 코드에서 스크롤바를 사라지게 하는 부분은 padding-bottom: 5px!important; 이다. 이 코드만 추가해줘도 스크롤바는 사라지게 된다. 현재 블로그에서만 테스트된 코드이기 때문에 다른 환경에서는 어떻게 적용될지 확인할 수는 없다.

Read More

[jQuery] 부드럽게 흐르는 simplyScroll

사이트 작업 중 아래와 같은 회사 로고가 왼쪽으로 부드럽게 흐르도록 작업을 해야만 할 일이 생겼다. 전에 사용하던 소스가 있긴 했는데.. 이게 어찌된 일인지 적용하니 원하는 대로 작동을 하지 않아 급하게 다른 소스를 찾아보게 되었고.. 다행히 구글신의 도움으로 어렵지 않게 멋진 jQuery 플러그인을 찾았다. jQuery simplyScroll 보기 cfile23.uf.137C8E394FB1B29B146F36.zip 사용법은 무척 간단하다. jquery 와 simplyscroll 파일을 로딩하고 […]

Read More

jQuery를 이용한 스크롤 다운시 DB 데이터 로드

다음에 보면 아래와 같은 컨텐츠가 있다. 이 부분은 마우스 스크롤링 때 마지막 데이터가 되면 다음 데이트를 자동으로 불러오는데.. 오늘은 이걸 한번 만들어 보기로 했다. 어디에 쓸지 아직 정하지는 않았지만 말이다. ㅋ 이것을 구현하기 위해 jQuery를 이용했고 데이터는 PHP를 이용해 DB에서 불러오도록 작성을 했다. scroll.php <?php include_once(“./_common.php”); include_once(“$g4[path]/head.sub.php”); ?> <link rel=”stylesheet” href=”<?=$g4[‘path’]?>/scroll_style.css” type=”text/css”> <div id=”wrap”>     […]

Read More