Examples at rawgit · WICG/resize-observer@912054c

This repository was archived by the owner on Jun 3, 2020. It is now read-only.

File tree

Original file line number	Diff line number	Diff line change
`@@ -73,7 +73,7 @@ Here is an example of using ResizeObserver to draw an elipse inside canvas.`
`73`	`73`	`### Usage examples`
`74`	`74`
`75`	`75`	`Knowing when Element's size has changed can be used to solve other common`
`76`		`-webdev problems. Fully functional examples are available on [github](examples/index.html).`
	`76`	`+webdev problems. Fully functional examples are available on [github](https://rawgit.com/WICG/ResizeObserver/master/examples/index.html).`
`77`	`77`
`78`	`78`	#### Example: `iframe` resizing to content size.
`79`	`79`
`@@ -95,7 +95,7 @@ iframes can detect when their size has changed, and notify the parent window.`
`95`	`95`
`96`	`96`	`How do we keep chat window scrolled to the bottom when new messages arrive?`
`97`	`97`	ResizeObserver solution holds all messages in a growing `div`, and observe its
`98`		`-size. When new messages arrive, scroll to the bottom. [Full example](examples/chat.html)`
	`98`	`+size. When new messages arrive, scroll to the bottom. [Full example](https://rawgit.com/WICG/ResizeObserver/master/examples/chat.html)`
`99`	`99`	`goes into detail of dealing with user scrolling.`
`100`	`100`
`101`	`101`	```css
`@@ -123,8 +123,6 @@ ro.observe(document.querySelector('.chat-text'))`
`123`	`123`
`124`	`124`	`### Design discussion`
`125`	`125`
`126`		`-Most of the discussions happened in [github](https://github.com/WICG/ResizeObserver/issues) issues.`
`127`		`-`
`128`	`126`	`#### What triggers a resize notification?`
`129`	`127`
`130`	`128`	`Component authors are interested in size of component's content box.`

推荐订阅源

Recent Commits to resize-observer:master

File tree