구글이 무한 스크롤이라면, 나는 최신글 스크롤이닷!!!!!<a href='tel:'/>

구글이 검색 결과에 무한 스크롤을 구현 해 놓았기에 따라 해 볼려고 했지만,

걍 스크롤 마지막에서 더 내리면, 최신글로 이동하는 코드를 구현하였다.

 

코드는...

$(function(){$(window).scroll(function(){

  //var winScrollBottom =  (window.innerHeight + window.pageYOffset) >= document.body.offsetHeight;

  var winScroll = $(this).scrollTop() || document.body.scrollTop || document.documentElement.scrollTop;

  var win_height = document.documentElement.scrollHeight - document.documentElement.clientHeight;

  var scrolled = (winScroll / win_height) * 100;

  //document.getElementById("myBar").style.height = scrolled + "%";

if(scrolled >= 98){

    if(!ai_){

    window.scrollBy({top:-1});

    setTimeout(function(){ai_=true},3000);

    }else{

      location.href='https://satanzero.tistory.com/';

    }

}

 

이렇다.

스크롤이 98%까지 오면 한번 위로 팅겨주고, 다시 또 내리면 그 때는 위 링크로 연결하라.

 

바로 최신글로 워프하면 되지만, 댓글창도 밑에 있고, 필자도 그렇게 상도덕이 없는 사람이 아니니까,

 

한번쯤 튕겨보았다.

 

셋타임을 넣은 이유는 나름 콜백함수 역할을 하라는 의미에서 넣은 것이다.

 

시현은 당 페이지에서도 해도 되고, 웹투니 (tistory.com)

웹투니

여기에서도 해도 된다. 

 

 

 

사실 위 코드는

2022.11.05 - [각 종 it/티스토리 등 프로그래밍] - 스크롤 프로그래스바 구현~아! 정말 쉽구현!

스크롤 프로그래스바 구현~아! 정말 쉽구현!

에서 사용 한 것을 재탕한 것이다.

offset.top()을 이용하는 방법이 있지만... 귀찮다.

 

 

 

 

 

 

이왕 구현 한 김에 링크를 누르면, 바로 전화로 연결 해 주는 코드도 구현하였다.

시현은 하단 댓글 창에 있으니 눌러보면 안다.

 

그저, a 태그에 tel만 집어넣으면 되는데, 의외로 구현을 안 하는 공공기관들이 많다.

<a href='tel:000-0000-0000'/>

 

여튼 뭐 그렇다고.

이것도 좀 꾸미기는 해야 하는데 그치?