마우스가 화면 하단에 숨겨져있을 때 숨겨진 div를 어떻게 표시합니까?

Question

내가 뭘 하려는지 마우스가 화면의 아래쪽 세 번째 위에 떠있을 때 페이지 아래에 페이지 탐색 버튼을 슬라이드로 만들면됩니다.

페이지 아래쪽에 고정 된 보이지 않는 div를 작성한 다음 마우스를 해당 div 위로 가져 가면 페이지 매김이 나타납니다. 그러나 문제가있었습니다. div가 그 아래의 텍스트를 덮었 기 때문에 해당 div 아래의 링크를 클릭 할 수 없습니다.

내 의도를 달성하는 또 다른 방법이 있습니까? 페이지에서 div를 사용하는 대신 jquery를 통해 마우스의 y 좌표를 사용할 수 있습니까? 감사.

Answer 1

나는 div를 없애고 대신 jquery 파일에 넣습니다.

$(window).mousemove(function(e) { 

    var mouseY = e.pageY - $(window).scrollTop(); // mouse y coordinate relative to window 

    if (mouseY > 500) { 
     $('#pagination').show().stop().transition({y:-80}, 500, 'snap'); // slide pagination up 
    } else { 
     $('#pagination').stop().transition({y:+80}, 1000, 'snap'); // slide pagination down 
    } 

}); 

참고 : 나는 전환

Answer 2

당신이 작동합니다 노력이 솔루션은 - 단지 고정 사업부의 CSS에

pointer-events:none; 

를 추가! :)