• Stars
    star
    155
  • Rank 239,964 (Top 5 %)
  • Language
    JavaScript
  • Created over 9 years ago
  • Updated about 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

scroll dom node into view automatically

dom-scroll-into-view


scroll node in contain to make node visible

NPM version npm download

install

dom-scroll-into-view

Usage

import scrollIntoView from 'dom-scroll-into-view';
scrollIntoView(source,container,config);

Development

npm install
npm start

Example

http://localhost:8000/examples/

online example: http://yiminghe.github.io/dom-scroll-into-view/

function parameter

name type default description
source HTMLElement node wanted to show
container HTMLElement
config.alignWithLeft Boolean whether align with left edge
config.alignWithTop Boolean whether align with top edge
config.offsetTop Number
config.offsetLeft Number
config.offsetBottom Number
config.offsetRight Number
config.allowHorizontalScroll Boolean whether allow horizontal scroll container
config.onlyScrollIfNeeded Boolean whether scroll container when source is visible

License

dom-scroll-into-view is released under the MIT license.

More Repositories

1

async-validator

validate form asynchronous
TypeScript
8,850
star
2

learning-react

materials about learning react
HTML
551
star
3

dom-align

Align DOM Node Flexibly
JavaScript
374
star
4

tyarn

yarn using npm.taobao.org as registry
JavaScript
127
star
5

koa-webpack-dev-middleware

webpack dev middleware for koa
JavaScript
92
star
6

css-animation

make css animation easier
JavaScript
89
star
7

zscroller

dom scroller based on zynga scroller
JavaScript
48
star
8

react-worker-render

move react component lifecycle to worker and render to DOM
TypeScript
42
star
9

kison

A LALR(1)/LL(1)/LL(K) parser generator for javascript/typescript
TypeScript
39
star
10

add-dom-event-listener

add dom event listener. normalize ie and others
JavaScript
39
star
11

xhr-plus

XMLHttpRequest Plus. Support jsonp, form upload, sub domain proxy and more...
JavaScript
29
star
12

tree-diff

diff tree nodes like React
JavaScript
22
star
13

gregorian-calendar

gregorian calendar lib on browser and nodejs
JavaScript
20
star
14

reverse-proxy

A simple reverse proxy
JavaScript
20
star
15

web-to-react-native-style

transform web style to react-native style
TypeScript
19
star
16

react-data-binding

React Data Binding Library
JavaScript
19
star
17

react-scoped-style

scope react element by transform external style into inline styles
JavaScript
18
star
18

match-require

find require calls from string using regexp
JavaScript
17
star
19

gregorian-calendar-format

format gregorian-calendar
JavaScript
16
star
20

leetcode-solutions

solutions of leetcode
JavaScript
14
star
21

lab

yiminghe's lab
JavaScript
14
star
22

koa-serve-index

koa version of express serve index middleware
JavaScript
13
star
23

react-fiber-worker

react running inside worker
JavaScript
10
star
24

ot-engine

Operational transformation engine
TypeScript
10
star
25

query-selector

querySelectorAll in javascript
JavaScript
10
star
26

falcor-koa-router

falcor router middleware for koa
JavaScript
9
star
27

map-json-webpack-plugin

webpack plugin to generate md5-source map.json
JavaScript
8
star
28

saucelabs-runner

wrap wd and sauce-tunnel to test mocha runner across browsers
JavaScript
8
star
29

single-spa-mf

A micro frontend solution based on single-spa and module federation
TypeScript
7
star
30

falcor-todo-demo

todo demo using falcor and redux-saga
JavaScript
7
star
31

ot-tree

The Tree OT type can be used to edit arbitrary Tree Structure
TypeScript
7
star
32

node-jscover

node version of JSCover
JavaScript
6
star
33

yiminghe.github.com

HTML
6
star
34

simulate-dom-event

simulate dom event across browser
JavaScript
6
star
35

chrome-map-remote

A chrome extension providing map remote functionality like charles
JavaScript
6
star
36

gh-history

generate HISTORY.md
JavaScript
6
star
37

kissy-boilerplate

boilerplate for kissy project
JavaScript
5
star
38

class-id-minifier

minifier class and id attribute in html
JavaScript
5
star
39

micro-front-end-nextjs

make nextjs works with micro front end
TypeScript
4
star
40

rbtree

javascript red-black tree
TypeScript
4
star
41

versioned-react-ssr

server side render react component by react version
TypeScript
3
star
42

suffix-tree

Ukkonen's suffix tree algorithm
TypeScript
3
star
43

versioned-vue-ssr

server side render vue component by vue version
JavaScript
3
star
44

offlinekit

offline toolkit using service worker
TypeScript
3
star
45

react-refresh-loader

webpack loader for react-refresh
JavaScript
2
star
46

ios-todo-demo

ios todo demo using yoga and without storyboard
C
2
star
47

concurrent-runner

run cancelable async function concurrently by concurrency and priority using heap
TypeScript
2
star
48

game-eidolon

An experimental webgl/2d game
JavaScript
2
star
49

node-jscover-coveralls

a middleware to send coverage data on phantomjs by node-jscover to coveralls
JavaScript
2
star
50

pika-plugin-clean-dist-src

remove dist-src and correct package.json
JavaScript
2
star
51

koa-webpack-dev-test-server

server for dev, test and coverage for koa and webpack
JavaScript
2
star
52

pika-plugin-build-web-babel

using babel for @pika/plugin-build-web
JavaScript
2
star
53

react-native-index-page

index page for list of components demo
JavaScript
1
star
54

monaco-editor-webpack-plugin-2825

JavaScript
1
star
55

get-async

get something asynchronously without repetition
TypeScript
1
star
56

kissy-dpl

JavaScript
1
star
57

ts-event-target

EventTarget from nodejs with full typescript type support.
TypeScript
1
star
58

react-pixi-layer

support layer render with pixi.js by using multiple canvas
JavaScript
1
star
59

babel-runtime-loose

loose version of babel-runtime
JavaScript
1
star
60

eslint-plugin-catch-call-function

enforce call function inside catch clause
JavaScript
1
star
61

bit-components

some bit components
TypeScript
1
star
62

koa-modularize

koa middleware for transforming commonjs file into browser module format
JavaScript
1
star
63

node-jscover-webpack-loader

webpack loader for node-jscover
JavaScript
1
star
64

nest-web

use nestjs DI on web
TypeScript
1
star
65

pika-plugin-ts-types

A @pika/pack plugin: generate typescript types to dist-types
JavaScript
1
star
66

kissy-chrome-extension

using kissy in chrome extension
JavaScript
1
star