@@ -53,30 +53,32 @@ Vue.use(Scrollspy, options);
53
53
54
54
Declares container of sections for elements to scrollspy.
55
55
56
- 1 . Use ` v-scroll-spy="{data: 'section'}" ` to add a ` section ` data property in scope Vue instance that is binded to the
56
+ 1 . ` v-scroll-spy="{data: 'section'}" ` : add a ` section ` data property in scope Vue instance that is binded to the
57
57
section index.
58
58
59
- 2 . Use ` v-scroll-spy="{allowNoActive: true}" ` to allow no active sections when scroll position is outside of the scrollspy
59
+ 2 . ` v-scroll-spy="{allowNoActive: true}" ` : allow no active sections when scroll position is outside of the scrollspy
60
60
container. Default behavior is too keep active at least one section in any case.
61
61
62
- 3 . Use ` v-scroll-spy="{offset: 50}" ` to add an offset for scroll and active events.
62
+ 3 . ` v-scroll-spy="{offset: 50}" ` : add an offset for scroll and active events.
63
63
64
- 4 . Use ` v-scroll-spy="{time: 200, steps: 30}" ` to set the animation options.
64
+ 4 . ` v-scroll-spy="{time: 200, steps: 30}" ` : set the animation options.
65
65
66
66
5 . ` $scrollTo(index: int) ` is provided on scope Vue instance to invoke a scroll to the given section index.
67
67
68
+ 6 . ` v-section-selector ` : set section which should scrollto
69
+
68
70
### ** v-scroll-spy-active**
69
71
70
72
Set the ` active ` css class on element that match the index of current scrollspy.
71
73
72
- 1 . Use ` v-scroll-spy-active="{selector: 'li.menu-item', class: 'custom-active'}" ` to customize elements selection and class
74
+ 1 . ` v-scroll-spy-active="{selector: 'li.menu-item', class: 'custom-active'}" ` : customize elements selection and class
73
75
name to apply. By default, it will use direct children and apply ` active ` class.
74
76
75
77
### ** v-scroll-spy-link**
76
78
77
79
Add click handler on children elements that will scroll to the related section.
78
80
79
- 1 . Use ` v-scroll-spy-link="{selector: 'a.menu-link'}" ` to customize elements selection. By default, it will use ` a ` to
81
+ 1 . ` v-scroll-spy-link="{selector: 'a.menu-link'}" ` : customize elements selection. By default, it will use ` a ` to
80
82
select all links.
81
83
82
84
### Bezier animations
0 commit comments