Skip to content

Instantly share code, notes, and snippets.

@sanjsanj

sanjsanj/ampgs-actionsAndEvents-01.html

Last active June 10, 2018 06:55
Show Gist options
  • Save sanjsanj/9ff9fc3928a93438ba9b0af76511dd03 to your computer and use it in GitHub Desktop.
Save sanjsanj/9ff9fc3928a93438ba9b0af76511dd03 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
ampgs-actionsAndEvents-01.html
<button on="tap:sectionId.toggleVisibility()">Toggle</button>
<section hidden id="sectionId">
<p>Lorem ipsum...</p>
<h2 on="tap:AMP.navigateTo(url='https://www.example.com')">Navigate to URL</h2>
<h3>Scroll to image in milliseconds:</h3>
<input on="input-debounced:my-image.scrollTo('duration'=event.value)" type="text" />
<p>Lorem ipsum...</p>
<amp-img src="https://loremflickr.com/300/300/architecture" alt="An image"
layout="responsive" width="1.6" height="1" id="my-image">
</amp-img>
</section>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment