이 내가 아이디어는 팝업이 클립처럼 정확히 <a href="http://www.pinterest.com" rel="nofollow">Link</a></p> <p>문제를 작동해야한다는 것입니다 <a href="http://codepen.io/anon/pen/LHFaB" rel="nofollow">CodePen example</a></p> <p>을 만들려고 해요 무엇 스크롤

Question

에 문제가 팝업 내가있는 한 :

• 팝업을 닫으면 항상 페이지가 맨 위로 이동합니다. 그것은 그대로 있어야합니다
• 팝업 고정되어 있습니다, 어떻게 내가 Pinterest에 그것을 이동할 수있는 그것을 만들 수 있습니까? 상단에 몇 개의 간격을두고 싶습니다. u 스크롤하면 실제로 위로 이동합니다.
• 모바일에서 볼 수있는 기회가 있으시면 알려주세요. 나는 그 사이트를 반응 적으로 만들고 싶다. 모바일 버전에서 팝업을 보면 부드럽 지 않습니다. 즉, u 스크롤하여 터치 스크린에서 손가락을 움직이면 스크롤이 즉시 중단됩니다. 그래서 당신이 손가락으로 내용을 밀어 내야 할 것처럼 느껴집니다. 흐름이 없어서 슬쩍 할 수 있었고 천천히 멈추었습니다.

나는 이미 며칠 동안 이것을 알아 내려고 노력하고 있습니다. 어떤 도움을 환영합니다 :) tnx! 대신 이런 닫기 버튼에 대한 앵커 태그를 사용

Answer 1

:

<div class="close"><a href="#portfolio">close</a></div> 

대신이 작업을 수행 :

<span class="close">Close</span> 

는 .close 클래스 cursor:pointer 스타일을 추가하는 것을 잊지 마십시오.

문제가 해결 될 것입니다.

지금 당장은 아직 선택하지 않은 경우를 대비해서 파이어 폭스의 닫기 버튼을 클릭하면 팝업을 유발하는 이미지가 사라집니다. 따라서 닫기 버튼에 앵커 태그를 사용하지 않는 것이 좋습니다. 내 제안은 닫기 버튼에 앵커 태그를 사용하지 않을 것입니다.

희망이 도움이됩니다.