You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@@ -63,23 +64,24 @@ A more complex initialization with all options set could look like this:
63
64
```javascript
64
65
$(document).ready(function() {
65
66
$('#multiscroll').multiscroll{
66
-
'verticalCentered':true,
67
-
'scrollingSpeed':700,
68
-
'easing':'easeInQuart',
69
-
'menu':true,
70
-
'sectionsColor':false,
71
-
'navigation':false,
72
-
'navigationPosition':'right',
73
-
'navigationColor':'#000',
74
-
'navigationTooltips': [],
75
-
'loopBottom':false,
76
-
'loopTop':false,
77
-
'css3':false,
78
-
'paddingTop':0,
79
-
'paddingBottom':0,
80
-
'fixedElements':null,
81
-
'normalScrollElements':null,
82
-
'keyboardScrolling':true,
67
+
verticalCentered :true,
68
+
scrollingSpeed:700,
69
+
easing:'easeInQuart',
70
+
menu:false,
71
+
sectionsColor: [],
72
+
navigation:false,
73
+
navigationPosition:'right',
74
+
navigationColor:'#000',
75
+
navigationTooltips: [],
76
+
loopBottom:false,
77
+
loopTop:false,
78
+
css3:false,
79
+
paddingTop:0,
80
+
paddingBottom:0,
81
+
fixedElements:null,
82
+
normalScrollElements:null,
83
+
keyboardScrolling:true,
84
+
touchSensitivity:5,
83
85
84
86
//events
85
87
onLeave:function(index, nextIndex, direction){},
@@ -91,7 +93,7 @@ $(document).ready(function() {
91
93
```
92
94
93
95
#### Using anchor links
94
-
In order to create links to certain sections, if you are using multiscroll.js with anchor links for the sections (using the `anchors` option), then you will be able to use anchor links also to navigate directly to a certain slide inside a section.
96
+
In order to create links to certain sections, if you are using multiscroll.js with anchor links for the sections (using the `anchors` option), then you will be able to use anchor links also to navigate directly to a certain section by using the URL.
95
97
96
98
You can do it by creating accessing to the URL by adding the anchor. For example: `http://youriste.com/#secondSection`.
97
99
@@ -122,7 +124,7 @@ It requieres the file `vendors/jquery.easings.min.js` or [jQuery UI](http://jque
122
124
123
125
-`loopBottom`: (default `false`) Defines whether scrolling down in the last section should scroll to the first one or not.
124
126
125
-
-`css3`: (default `false`). Defines wheter to use JavaScript or CSS3 transforms to scroll within sections and slides. Useful to speed up the movement in tablet and mobile devices with browsers supporting CSS3. If this option is set to `true` and the browser doesn't support CSS3, a jQuery fallback will be used instead.
127
+
-`css3`: (default `false`). Defines wheter to use JavaScript or CSS3 transforms to scroll within sections. Useful to speed up the movement in tablet and mobile devices with browsers supporting CSS3. If this option is set to `true` and the browser doesn't support CSS3, a jQuery fallback will be used instead.
126
128
127
129
-`paddingTop`: (default `0`) Defines the top padding for each section with a numerical value and its measure (paddingTop: '10px', paddingTop: '10em'...) Useful in case of using a fixed header.
128
130
@@ -132,6 +134,8 @@ It requieres the file `vendors/jquery.easings.min.js` or [jQuery UI](http://jque
132
134
133
135
-`keyboardScrolling`: (default `true`) Defines if the content can be navigated using the keyboard
134
136
137
+
-`touchSensitivity`: (default 5) Defines a percentage of the browsers window width/height, and how far a swipe must measure for navigating to the next section.
138
+
135
139
-`menu`: (default `false`) A selector can be used to specify the menu to link with the sections. This way the scrolling of the sections will activate the corresponding element in the menu using the class `active`.
136
140
This won't generate a menu but will just add the `active` class to the element in the given menu with the corresponding anchor links.
137
141
In order to link the elements of the menu with the sections, an HTML 5 data-tag (`data-menuanchor`) will be needed to use with the same anchor links as used within the sections. Example:
-`navigationPosition`: (default `none`) It can be set to `left` or `right` and defines which position the navigation bar will be shown (if using one).
156
160
157
-
-`navigationTooltips`: (default []) Defines the tooltips to show for the navigation circles in case they are being used. Example: `navigationTooltips: ['firstSlide', 'secondSlide']`.
161
+
-`navigationTooltips`: (default []) Defines the tooltips to show for the navigation circles in case they are being used. Example: `navigationTooltips: ['firstSection', 'secondSection']`.
0 commit comments