데스크탑에서 자바 스크립트를 사용하여 사용자를 감지하는 방법

afeef

내가 필요한 것

  • 사용자가 페이지를 아래로 스크롤하면 js를 사용하여 클래스를 추가해야합니다.

문제

  • 스크롤 페이지의 마지막에 추가 클래스.

  • 위의 300px 클래스를 추가해야합니다.

    jsfiddle: http://jsfiddle.net/8PkQN/1/
    
  • 나는 시도했다 : (window.innerHeight + window.scrollY) == $ (document) .height ()

    암호

        var bottom = $(document).height() - $(window).height();
       if($(window).scrollTop() + 1 >= bottom - 2200==true)
      {
          $(".abslouel_left12").addClass("fixed_left_btm");
      }
    
  • 작업 코드

              window.onscroll = function(ev) {
         if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
       $(".abslouel_left12").addClass("fixed_left_btm");
     }
    };
    
    
    
    $(window).scroll(function() {
         $(this).scrollTop() > 75 &&            
      ($(".abslouel_left12").addClass("fixed_left"), 
    $('[data-toggle="tooltip"]').tooltip()), 
    
         $(this).scrollTop() < 75 && ($(".abslouel_left12").removeClass("fixed_left"),
    
     )
    
          if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
    
    $(".abslouel_left12").removeClass("fixed_left");
      }
    
  • 사용자가 맨 위에있는 경우 1입니다. 추가 할 클래스가 없습니다.

  • 사용자가 아래로 스크롤하면 클래스 (.fixed_length)를 추가하는 경우 2입니다.
  • 사용자가 아래로 스크롤하면 class (.fixed_length_btm)을 추가하지만 문제는 case 3 코드가 스크롤 브라우저의 끝에서 작동한다는 것입니다.
무신론자

이것은 항상 나를 위해 일했습니다.

if (window.pageYOffset == $(document).height() - $(window).height()) {
    // bottom of page
}

바닥 글 위에 도달했는지 알고 싶다면 계산에 바닥 글 높이를 추가 할 수 있습니다.

if ($(window).scrollTop() >= $(document).height() - $(window).height() - $('footer').height()) {
    // top of footer
}

바이올린 : http://jsfiddle.net/8PkQN/449/

바닥 글 맨 위에 도달하면 경고가 발생합니다. 그게 당신이 찾고있는 것입니까?

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

자바 스크립트를 사용하여 문자열에서 휴대폰 번호를 감지하는 방법

분류에서Dev

자바 스크립트에서 href를 사용하는 방법?

분류에서Dev

PHP를 사용하여 자바 스크립트를 사용하는 방법?

분류에서Dev

div 내에서 자바 스크립트를 사용하여 스크립트를 추가하는 방법

분류에서Dev

자바 스크립트를 사용하여 HTML에서 스크립트 태그를 제거하는 방법

분류에서Dev

자바를 사용하여 웹 페이지에서 자바 스크립트를 실행하는 방법

분류에서Dev

ssh를 사용하여 데스크탑 화면에서 사용자를 로그인하는 방법

분류에서Dev

ssh를 사용하여 데스크탑 화면에서 사용자를 로그인하는 방법

분류에서Dev

자바 스크립트를 사용하여 div에서 텍스트를 지우는 방법

분류에서Dev

태그 이름 자바 스크립트를 사용하여 요소에서 사용자 클릭을 감지하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트를 사용하여 if 문에서 버튼의 ID를 사용하는 방법

분류에서Dev

객체 지향 자바 스크립트에서 JSONP를 사용하는 방법

분류에서Dev

자바 스크립트를 사용하여 ajax 응답에서 window.onbeforeunload 함수를 방지하는 방법

분류에서Dev

자바 스크립트를 사용하여 서버 시간을 얻는 방법

분류에서Dev

이 자바 스크립트 코드를 사용하는 방법

분류에서Dev

thymeleaf를 사용하여 자바 스크립트에 번역을 넣는 방법

분류에서Dev

자바 스크립트를 사용하여 innerhtml의 값을 바꾸는 방법

분류에서Dev

자바 스크립트를 사용하여 마지막 자식 링크를 클릭하는 방법

분류에서Dev

자바 스크립트를 사용하여 새 탭에서 링크를 여는 방법

분류에서Dev

브라우저에서 자바 스크립트를 사용하여 메시지를 표시하는 방법

분류에서Dev

자바 스크립트를 사용하여 cloumn을 요약하는 방법

분류에서Dev

자바 스크립트를 사용하여 src 값을 변경하는 방법

분류에서Dev

자바 스크립트를 사용하여 HTML을 렌더링하는 방법

분류에서Dev

자바 스크립트를 사용하여 너비 감지

분류에서Dev

자바 스크립트에서 ID를 사용하여 텍스트 상자의 값을 얻는 방법

분류에서Dev

자바 스크립트에서 while 루프를 사용하여 숫자를 인쇄하는 방법

분류에서Dev

자바 스크립트를 사용하여 문자열에서 날짜를 추출하는 방법

분류에서Dev

자바 스크립트를 사용하여 JSON 데이터베이스에 액세스하는 방법

분류에서Dev

자바 스크립트를 사용하여 웹 페이지에서 재생되는 비디오를 감지하는 방법이 있습니까?

Related 관련 기사

  1. 1

    자바 스크립트를 사용하여 문자열에서 휴대폰 번호를 감지하는 방법

  2. 2

    자바 스크립트에서 href를 사용하는 방법?

  3. 3

    PHP를 사용하여 자바 스크립트를 사용하는 방법?

  4. 4

    div 내에서 자바 스크립트를 사용하여 스크립트를 추가하는 방법

  5. 5

    자바 스크립트를 사용하여 HTML에서 스크립트 태그를 제거하는 방법

  6. 6

    자바를 사용하여 웹 페이지에서 자바 스크립트를 실행하는 방법

  7. 7

    ssh를 사용하여 데스크탑 화면에서 사용자를 로그인하는 방법

  8. 8

    ssh를 사용하여 데스크탑 화면에서 사용자를 로그인하는 방법

  9. 9

    자바 스크립트를 사용하여 div에서 텍스트를 지우는 방법

  10. 10

    태그 이름 자바 스크립트를 사용하여 요소에서 사용자 클릭을 감지하는 방법은 무엇입니까?

  11. 11

    자바 스크립트를 사용하여 if 문에서 버튼의 ID를 사용하는 방법

  12. 12

    객체 지향 자바 스크립트에서 JSONP를 사용하는 방법

  13. 13

    자바 스크립트를 사용하여 ajax 응답에서 window.onbeforeunload 함수를 방지하는 방법

  14. 14

    자바 스크립트를 사용하여 서버 시간을 얻는 방법

  15. 15

    이 자바 스크립트 코드를 사용하는 방법

  16. 16

    thymeleaf를 사용하여 자바 스크립트에 번역을 넣는 방법

  17. 17

    자바 스크립트를 사용하여 innerhtml의 값을 바꾸는 방법

  18. 18

    자바 스크립트를 사용하여 마지막 자식 링크를 클릭하는 방법

  19. 19

    자바 스크립트를 사용하여 새 탭에서 링크를 여는 방법

  20. 20

    브라우저에서 자바 스크립트를 사용하여 메시지를 표시하는 방법

  21. 21

    자바 스크립트를 사용하여 cloumn을 요약하는 방법

  22. 22

    자바 스크립트를 사용하여 src 값을 변경하는 방법

  23. 23

    자바 스크립트를 사용하여 HTML을 렌더링하는 방법

  24. 24

    자바 스크립트를 사용하여 너비 감지

  25. 25

    자바 스크립트에서 ID를 사용하여 텍스트 상자의 값을 얻는 방법

  26. 26

    자바 스크립트에서 while 루프를 사용하여 숫자를 인쇄하는 방법

  27. 27

    자바 스크립트를 사용하여 문자열에서 날짜를 추출하는 방법

  28. 28

    자바 스크립트를 사용하여 JSON 데이터베이스에 액세스하는 방법

  29. 29

    자바 스크립트를 사용하여 웹 페이지에서 재생되는 비디오를 감지하는 방법이 있습니까?

뜨겁다태그

보관