Iscroll.js Latest Version V5.1.2__js

Source: Internet
Author: User

Iscroll.js Latest Version v5.1.2

Fixed a problem where the input box could not be scrolled up or down while scrolling.

var myscroll = new Iscroll (' #wrapper ', {
    disablemouse:true,
    disablepointer:true
});

Official website: http://iscrolljs.com

github:https://github.com/cubiq/iscroll/

Call-time parameter settings:

Belongs Property name Description Default value
Core Library Croe Options.usetransform Whether to use the CSS3 transform property True
Options.usetransition Whether to use the CSS3 transition property, otherwise use Requestanimationfram instead True
Options. Hwcompositing Whether hardware acceleration is enabled True
Options.bounce Whether to enable the elastic animation effect, turn off can accelerate True
Basic features features Basic Options.Click Whether the Click event is enabled. It is recommended that you turn off this option and enable the custom tap event (OPTIONS.TAP) False
Options.disablemouse Whether to turn off mouse event detection. If you know which platform to run, you can turn it on to speed up. False
Options.disablepointer Whether to turn off pointer event detection. If you know which platform to run, you can turn it on to speed up. False
Options.disabletouch Whether to turn off touch event detection. If you know which platform to run, you can turn it on to speed up. False
Options.eventpassthrough If you want to use the system vertical axis to scroll and take effect on the horizontal axis using the Iscroll axis, open the. Event Passthrough Demo False
Options.freescroll Mainly in the upper and lower left and right scrolling is in effect when used, you can scroll in any direction. 2d Scroll Demo False
Options.keybindings Bind key events. Key Bindings False
Options.invertwheeldirection Reverse the mouse wheel. False
Options.momentum If momentum animation is turned on, closing can improve efficiency. True
Options.mousewheel Whether to listen for mouse wheel events. False
Options.preventdefault Whether to mask default events. True
Options.scrollbars Whether to display the default scroll bar False
Options.scrollXoptions.scrollY You can set the initial position of iscroll scrolling 0
Options.tap Enable custom tap Events to customize the Tap event name False
scroll bar scrollbars Options.scrollbars Whether to display the default scroll bar False
Options.fadescrollbars Whether to fade the scroll bar, turn off can accelerate True
Options.interactivescrollbars Whether the user can drag the scroll bar False
Options.resizescrollbars Whether the scroll bar size is fixed, it is recommended that you open it when you customize the scroll bar. False
Options.shrinkscrollbars Whether the scroll bar is shrunk when scrolling exceeds the scrolling boundary. ' Clip ': Crop the scroll bar out of bounds

' Scale ': scaled shrink scroll bar (CPU resources)

False: Do not shrink,

False
Options.indicators Indicates how iscroll should be scrolled, scrollbars the underlying implementation.
Options.indicators.el Make a container for the scroll bar. The first element in the container is an indicator. For example:

Indicators: {

El:document.getElementById (' indicator ')

}

Indicators: {

El: ' #indicator '

}

Options.indicators.ignoreBoundaries Whether to ignore container boundaries. Set to true to allow scrolling speed Parallax Demo False
Options.indicators.listenXoptions.indicators.listenY The indicator listens for scrolling in that direction and can be set to One direction or 2 directions True
Options.indicators.speedRatioXoptions.indicators.speedRatioY The speed of the indicator relative to the main scroll bar 0
Options.indicators.fadeoptions.indicators.interactive

Options.indicators.resize

Options.indicators.shrink

such as ScrollBars set Minimap demo
Options.probetype Need to use Iscroll-probe.js to take effect probetype:1 when scrolling is not busy

Probetype:2 when scrolling is triggered at a certain time

Probetype:3 one pixel per scrolling trigger once

Split page Snap Options.snap

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.