Skip to content
Declaratively fix the underlying scrolling element of a page for use in overlay elements
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
src
test
.babelrc
.gitignore
.travis.yml
LICENSE
README.md
package-lock.json
package.json
webpack.config.js

README.md

react-fixed-page

npm Build Status

Declaratively fix the underlying scrolling element of a page for use in overlay elements

Install

npm i --save-dev react-fixed-page-ms

Props

This component has a single prop fixed. You should render this element with fixed to prevent the page from scrolling.

Usage

import FixedPage from 'react-fixed-page-ms';
import React, { Component } from 'react';

export default class MyModal extends Component {
  renderModal(){
    // ...
  }
  
  render() {
    const { open } = this.props;
    
    return (
      <div>
        { open ? this.renderModal() : null }
        <FixedPage fixed={open}/>
      </div>
    );
  }
}
You can’t perform that action at this time.