고정 된 위치를 가질 수있는 jQuery Fisheye/Dock Navigation 플러그인을 아는 사람이 있습니까?

StackOverflow https://stackoverflow.com/questions/1249903

문제

나는 내 사이트에 수평 어항/도크 NAV를 넣고 싶지만 고정 포지셔닝이어야합니다 ... 내가 찾은 모든 것이 고정 포지셔닝을 지원하지 않습니다.

다음은 내가 찾은 것 중 일부에 대한 링크입니다.

  • JQuery OS X Dock #1 - 고정 포지셔닝을 지원하지 않습니다
  • CSS 도크 메뉴 - 이것은 위의 것과 매우 유사합니다 ...
  • Eudock 2.0 - 고정 포지셔닝과 유사하게 지원합니다 (위치 : 동일한 장소에 머무르기 위해 JavaScript가있는 절대) 그러나 아래로 스크롤 할 때 너무 멍청하기 때문에 작동하지 않습니다 (해당 링크 및 스크롤로 이동하여 의미하는 바를 참조하십시오). ... 실제 고정 위치는 일반적으로 스크롤링으로 완벽하게 매끄 럽습니다.

나는 아직 깨지지 않는 가로를 보지 못했지만 위의 첫 번째 링크와 같은 페이지에 작동하는 수직이 있습니다.

고정 포지셔닝과 함께 작동하는 어항/도크 메뉴를 아는 사람이 있습니까?

편집하다: 포지셔닝을 고정으로 변경하면 특히 이러한 메뉴의 기능이 중단됩니다 (위의 첫 번째 링크의 기사에서도 말합니다). 포지셔닝을 고정으로 변경하면 파손되지 않는 것을 찾고 있습니다.

도움이 되었습니까?

해결책 

getPointer : function(event)
{
    var x = event.pageX || (event.clientX + (document.documentElement.scrollLeft
            || document.body.scrollLeft)) || 0;
    var y = event.pageY || (event.clientY + (document.documentElement.scrollTop
            || document.body.scrollTop)) || 0;
    //subtract, add scrollbar    
    y -= $(window).scrollTop();
    return {x:x, y:y};
},

인터페이스의 iutil.js를 수정하면 Scrolltop을 빼냅니다

다른 팁

CSS로 고정 포지셔닝을 수행 할 수 있습니다.

#main_menu {
  position: fixed;
  top:10px;
  left:10px;
}

나는이 Fisheye JavaScript를 사용하지 않았지만 고정 요소와 함께 일할 것이라고 가정합니다.

나는 당신이 시도하는 것이 좋습니다 이 하나.

오버 플로우 오토와 함께 네비게이션 바와 다른 DIV에 내용을 다른 DIV에 넣지 않는 이유는 무엇입니까? 그런 다음 Navibar는 항상 맨 위에 있습니다.

여기서 : http://www.pmob.co.uk/temp/fixed-header.htm

바퀴를 다시 발명하지 않기 위해 상자 밖으로 더 많은 솔루션 (물론 라이센스가 허용되는 경우)

http://www.ndesign-studio.com/blog/mac/css-dock-menu

이 패치로 jQuery 인터페이스 어안을 패치 할 수 있습니다. 그런 다음 어항이 함께 일합니다 position: fixed;

보다:http://www.monkey-business.biz/181/jquery-interfaces-fisheye-posed-patch/

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top