Any idea if this can be done in Webflow ?
http://playshatteredskies.com/ss/
If you have a scroll wheel on our mouse…
scroll up and down.
Notice that the screen will scroll left / right and some times up / down.
Any idea if this can be done in Webflow ?
http://playshatteredskies.com/ss/
If you have a scroll wheel on our mouse…
scroll up and down.
Notice that the screen will scroll left / right and some times up / down.
Seems like the sliders are custom coded (not using a separate JS library).
From their js file:
function Slider(t) {
var e = this;
this.ctrls = t.find(".slider-ctrl a"), this.items = t.find(".slider-item"), this.car = t.find(".slider-car"), this.current = 0, $('<a href="#" class="slider-left"></a>').appendTo(t).click(function() {
return e.prev(), !1
}), $('<a href="#" class="slider-right"></a>').appendTo(t).click(function() {
return e.next(), !1
}), this.ctrls.click(function() {
return e.set(parseInt($(this).attr("data-id"))), !1
}), this.set(0)
}
function Slider2(t) {
this.ctrl = t.find(".slider2-ctrl a"), this.items = t.find(".slider2-item");
var e = this;
this.ctrl.click(function() {
return e.set($(this).prevAll().length), !1
}), this.current = -1, this.set(0)
}
You might be able to use GitHub - alvarotrigo/fullPage.js: fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple, as it has an option for scrollHorizontally
using mouse wheel.
scrollHorizontally
: (default false) Extension of fullpage.js. Defines whether to slide horizontally within sliders by using the mouse wheel or trackpad. Ideal for story telling`. Requires fullpage.js >= 2.8.3.
This topic was automatically closed after 60 days. New replies are no longer allowed.