Files
Brandy Carney a7f1f4daa7 refactor(components): update to use shadow DOM and work with css variables
- updates components to use shadow DOM or scoped if they require css variables
- moves global styles to an external stylesheet that needs to be imported
- adds support for additional colors and removes the Sass loops to generate colors for each component
- several property renames, bug fixes, and test updates

Co-authored-by: Manu Mtz.-Almeida <manu.mtza@gmail.com>
Co-authored-by: Adam Bradley <adambradley25@gmail.com>
Co-authored-by: Cam Wiegert <cam@camwiegert.com>
2018-07-09 12:57:21 -04:00

1.6 KiB

ion-scroll

Scroll is a low-level component for arbitrary scrolling areas. It's used internally by Content.

Properties

forceOverscroll

boolean

If true and the content does not cause an overflow scroll, the scroll interaction will cause a bounce. If the content exceeds the bounds of ionScroll, nothing will change. Note, the does not disable the system bounce on iOS. That is an OS level setting.

mode

string

The mode for component.

scrollEvents

boolean

If true, the component will emit scroll events.

Attributes

force-overscroll

boolean

If true and the content does not cause an overflow scroll, the scroll interaction will cause a bounce. If the content exceeds the bounds of ionScroll, nothing will change. Note, the does not disable the system bounce on iOS. That is an OS level setting.

mode

string

The mode for component.

scroll-events

boolean

If true, the component will emit scroll events.

Events

ionScroll

Emitted while scrolling. This event is disabled by default. Look at the property: scrollEvents

ionScrollEnd

Emitted when the scroll has ended.

ionScrollStart

Emitted when the scroll has started.

Methods

scrollByPoint()

Scroll by a specified X/Y distance in the component

scrollToBottom()

Scroll to the bottom of the component

scrollToPoint()

Scroll to a specified X/Y location in the component

scrollToTop()

Scroll to the top of the component


Built with StencilJS