viewport-tracker
Компонент, который передаёт подкомпоненту флаг (isVisible) о его видимости в браузере
Last updated 2 years ago by higimo .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install viewport-tracker 
SYNC missed versions from official npm registry.

viewport-tracker

Github Releases

Компонент, который передаёт подкомпоненту флаг (isVisible) о его видимости в браузере

Демонстрация.

Фичи

  • Не использует findDOMNode
  • Вхождение в область видимости, может фиксироваться однажды, если указать once
  • Оптимизированы обработчики по скроллу

Установка

npm install --save viewport-tracker

Как пользоваться

import React           from 'react';
import ViewportTracker from 'viewport-tracker';

const TrackedComponent = ({isVisible}) => {
	const style = {
		background: isVisible ? 'red' : 'blue'
	}

	return (
		<div style={style}>
			Hello
		</div>
	)
}

const App = () => {
	return (
		<ViewportTracker>
			<TrackedComponent />
		</ViewportTracker>
	)
}

License

Большинство функционального кода спизжено из https://github.com/fkhadra/react-on-screen

Licensed under MIT

Current Tags

  • 2.2.1                                ...           latest (2 years ago)

3 Versions

  • 2.2.1                                ...           2 years ago
  • 2.0.0                                ...           2 years ago
  • 1.1.4                                ...           2 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 0
Last Month 3
Dependencies (4)
Dev Dependencies (10)
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |