{"title":"Enabling Wheel Navigation","id":51995,"link":"https:\/\/env.averta.net\/en\/step\/enabling-wheel-navigation\/","parent":[51851],"content":"<p>To enable wheel navigation, set <code>wheel:true<\/code> in slider options. The slider has more options for configuring wheel navigation. You can find the list of options below.<\/p>\n<table>\n<thead>\n<tr>\n<td>Option name<\/td>\n<td>Default value<\/td>\n<td>Description<\/td>\n<td>Related addon<\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>wheelOnAppear<\/td>\n<td>true<\/td>\n<td>Enables the wheel navigation only if the slider completely appears in the browser window.<\/td>\n<td>&#8211;<\/td>\n<\/tr>\n<tr>\n<td>wheelPrevent<\/td>\n<td>&#8216;auto&#8217;<\/td>\n<td>Specifies the type of preventing default wheel behavior in the browser, <code>'auto'<\/code> only prevents if there was more slides to come. <code>true<\/code> or <code>false<\/code> values always enables or disables the preventing wheel default behavior.<\/td>\n<td>&#8211;<\/td>\n<\/tr>\n<tr>\n<td>wheelScrollSlick<\/td>\n<td>50<\/td>\n<td>The speed of slick scrolling movement to new a position by wheel, <code>0<\/code> disables the slick movement effect. This option only affective if <strong>slickMode<\/strong> option sets to <code>'scroll'<\/code>.<\/td>\n<td>&#8211;<\/td>\n<\/tr>\n<tr>\n<td>wheelSpeed<\/td>\n<td>2<\/td>\n<td>The wheel scrolling speed.<\/td>\n<td>&#8211;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"aswi-text-box box-info\"><strong>Note: <\/strong>Wheel navigation is added by <code>wheelNavigator<\/code> addon and may available in the slider script package. For more info check <a href=\"https:\/\/env.averta.net\/en\/step\/enabling-wheel-navigation\/?b=,\" title=\"Enabling Wheel Navigation\">Building slider script<\/a> article.<\/p>\n","type":"solution"}