2013-10-17 1 views
0

누군가가 올바른 방향으로 나를 안내 할 수 있기를 바랍니다.병합 상자 기능과 다른 기능을

페이지 아래로 사용자가 스크롤이 상자는 내용과 함께 나타납니다 때 나는 기능에있는 작은 슬라이드를 만들도록 요청되었습니다 이메일 주소 상자/ SUBMIT-와 필드 :

'자세한 내용을 알아보십시오 > '

작은 아이콘이있어 사용자가이 아이콘을 원하지 않으면이 상자를 닫을 수 있습니다.

지금 내가 스크롤에 표시하는 상자 작업 모든 기능을 가지고 :

/************************** 
    * 
    * email function 
    * 
    **************************/ 
    jQuery(window).scroll(function() { 
     if (jQuery(this).scrollTop() > 200) { 
      jQuery('#enquiry_submit form').stop().animate({ left: '0' }); 
     } else { 
      jQuery('#enquiry_submit form').stop().animate({ left: '-25%' }); 
     } 
    }); 
}); 

! 편집!

사용자가 다른 페이지를 클릭 할 때 다른 페이지에 표시하지 않으려면 쿠키를 사용하는 것이 좋습니다.http://jsfiddle.net/FcFW2/1/

이제는 CSS 스타일링과 두 가지 기능을 함께 사용하여 상자를 항상 숨기려고 할 때 이러한 두 기능을 함께 병합했습니다.

저는 초심자이며 기본 기능을 구현하는 방법을 알고 있지만이 경우에는 벽에 부딪칩니다.

모든 안내가 유용 할 것입니다.

답변

0

다음 페이지에서 계속 닫고 싶다면이 작업을 볼 수있는 유일한 방법은 div를 닫을 때 쿠키를 설정하는 것입니다.

그런 다음 확장 메소드에서 해당 쿠키의 존재 여부를 확인하십시오. 쿠키가있는 경우 div를 열지 마십시오.

+0

의견을 보내 주셔서 감사합니다. 저는이 문제에 익숙해 져서이 방법을 연구하고 어떻게 진행되는지 알려 드리겠습니다. – user2212564

+0

@ user2212564 여기 쿠키를 조작하기위한 훌륭한 jquery 라이브러리가 있습니다. https://github.com/carhartl/jquery-cookie – seanxe

+0

안녕 얘들 아, 쿠키 솔루션 (적용 및 작동)을 발견했습니다. 내 유일한 문제는 함께 작동하는 스크롤 기능을 얻는 것입니다 (오류없이) 두 div를 함께 적용 할 때 div 그냥 숨 깁니다. – user2212564

관련 문제