이 사이트는 뉴스 레터 +를 어떻게 위에서 슬라이드합니까? 이 사이트는 자신의 뉴스 레터를 만들어 + 아래 버튼을 눌러 페이지 슬라이드를 만드는 방법을 알아 내려고 노력

Question

:

http://thestoryoftelling.com/ ("뉴스 레터 +"를 클릭)

그것은 #wrap 요소처럼 보인다

가 57px 상쇄 페이지를 가지고 있으며, 그것은 배경 URL이 효과적으로 "슬라이딩"후 가입 링크의 배경이됩니다. "뉴스 레터 +"를 클릭하면 "_gaq"기능이 호출되지만 트래킹에 더 유용합니다. 거기

jQuery(document).ready(function($) { 
    $('#header .menu, .superfish').superfish({ 
     delay:  100,        // 0.1 second delay on mouseout 
     animation: {opacity:'show',height:'show'}, // fade-in and slide-down animation 
     dropShadows: false        // disable drop shadows 
    }); 
}); 

어떤 아이디어 :

나는 그것이 superfish 통해 활성화,하지만 이해가 안 어디에서 어떻게이가 호출됩니다 생각 해요? 아마 jquery 일.

Answer 1

글쎄, 개인적으로 나는 색깔 막대를 페이지의 첫 번째 요소로 지정하고 음수를 margin-top으로 지정하여 맨 아래 가장자리 만 표시하도록 할 것입니다. 그런 다음 style.marginTop='0'을 설정할 수 있으며 적절한 transition 속성이 설정된 경우 정확히 표시된 웹 사이트와 같이 슬라이드됩니다.

Demonstration on JSFiddle