홈페이지 HTML a태그로 링크 삽입 시 보통 링크가 없을 때는
<a href="#">사이트1</a> #을 통해서 많이 나타냅니다.
이러한 경우 a태그 클릭 시 자동으로 맨위로 이동하게 됩니다.
이것을 방지하기 위해서는 아래 제이쿼리 코드를 넣어주게 되면
클릭 시 위로 올라가는 것을 방지할 수 있습니다.
//첫번째방법
// $("a").click(function() {
// if ($(this).attr("href") == "#") {
// return false;
// }
// });
//두번째방법
$("a").click(function(e){
e.preventDefault();
});
https://codepen.io/qwer273/pen/GRMrNZj
'코딩활용하기' 카테고리의 다른 글
스크롤시 내릴때는 header가 사라지고 올릴때는 생기는 header만들기 (1) | 2022.01.13 |
---|---|
svg로 로딩페이지 만들기 (코드제공) (0) | 2022.01.13 |
[코딩활용] 팝업창 만들기 (0) | 2020.04.06 |
[코딩활용] 밀고나오는 글자 애니메이션 (0) | 2020.04.06 |
[코딩활용]비비엔느 메인페이지 사이트모작 최종완성_codepen (0) | 2020.01.08 |