시간 지연 후 AMP HTML에서 amp-lightbox
구성 요소를 닫을 수 있습니까? 양식 제출 성공 후 표시되는 라이트 박스가 있는데 예를 들어 자동으로 닫고 싶습니다. 5 초.AMP 시간 초과 후 라이트 박스를 닫으려면 HTML 시간 초과 이벤트
1
A
답변
1
이것은 amp-lightbox에서는 가능하지 않지만 amp-bind와 amp-animation을 사용하여 만들 수 있습니다. 기본적인 아이디어는 다음과 같습니다
:- 성공을 제출 양식에 애니메이션을 시작 같을 것이다
을 보여주고 라이트
<amp-animation id="snackbarSlideIn" layout="nodisplay">
<script type="application/json">
{
"duration": "500",
"fill": "both",
"easing": "ease-out",
"iterations": "1",
"selector": ".snackbar",
"keyframes": [{
"transform": "translateY(-100%)"
},
{
"transform": "translateY(0)"
}
],
"animation": "snackbarSlideOut"
}
</script>
</amp-animation>
<amp-animation id="snackbarSlideOut" layout="nodisplay">
<script type="application/json">
{
"delay": "3s",
"duration": "500",
"fill": "both",
"easing": "ease-in",
"iterations": "1",
"selector": ".snackbar",
"keyframes": [{
"transform": "translateY(0)"
},
{
"transform": "translateY(-100%)"
}
]
}
</script>
</amp-animation>
<div class="snackbar">
Success
</div>
<form on="submit-success:snackbarSlideIn.start" ...>...</form>
0
closing the lightbox 지연 없음 언급 :
라이트를 닫습니다 키보드의 Esc 키를 누르면. 또는 하나 이상의 요소에 on 속성을 설정하면 lightbox가 안에 있고 그 메소드를 닫으려면 요소가 탭되거나 클릭 될 때 라이트 박스가 닫힙니다.
관련 문제
- 1. node.js에서 시간 초과 후 소켓을 닫으려면 어떻게해야합니까?
- 2. 시간 초과 executeUpdate의 후()
- 3. 콜백 후 시간 초과
- 4. 시간 초과 이벤트 표시/숨기기
- 5. 자동 연결 시간 초과 (세션 시간 초과)
- 6. 회원 시간 초과 및 세션 시간 초과
- 7. 자바 스크립트 시간 초과 이벤트
- 8. CF keyDown 이벤트 (시간 초과)
- 9. BlackBerry에서 시간 초과 이벤트 사용
- 10. 초과 cfhttp 시간 초과 오류
- 11. 시간 초과
- 12. 시간 초과
- 13. 시간 초과 후 시간 초과가없는 urlopen 호출
- 14. 심문 조직, 시간 초과
- 15. 예외 후 WaitOne (시간 초과)
- 16. NSURLConnection이 시간 초과 후 멈춤
- 17. 시간 초과 후 스크롤 창
- 18. 얼마 후 소켓 시간 초과
- 19. Console.Clear()가 시간 초과 후
- 20. 시간 초과 후 자동 스크롤
- 21. FreeSwitch에서 시간 초과 후 작업
- 22. 시간 초과 후 onApplicationStart가 실행됩니까?
- 23. ASP.NET JavaScript가 시간 초과 후 페이지를 닫습니까?
- 24. Android 활동 시간 초과
- 25. Asp.net Application_End 시간 초과
- 26. Silverlight - 시간 초과 문제
- 27. 콜백 세션 시간 초과
- 28. 시간 기준 초과 시간 계산
- 29. XPages (응용 프로그램 시간 초과 대 세션 시간 초과) vs (서버 세션 시간 초과)
- 30. mvc 세션 시간 초과