revolution slider (vertical slider) on window scroll doesn't work - javascript

hi I have a slider in revolution slider that is vertical slider and I want it work like usual page and when users scroll the page it change slides but it only changes slides when the mouse is in the slider area. And with window scrollbar doesn't do anything and stops. how can I do this? maybe some javascript code is needed or what?
I tried the scroll options in revolution slider(window,body,both) but it doesn't change

Related

How to fix slick slider jumping image on load

I have slick slider with adaptiveHeight attribute set to false. So, if i have small image in slick container first slide - it will be centered vertically, and left areas will be filled with background color (like in this image).
How can i calculate slick slider area height before slick is loaded to prevent 'jumping' on load? Do anyone know, how slick calculates image height and width in slick container? Any ideas?
You could wrap slick with a plugin like ImagesLoaded to ensure your images have a height before initialising Slick. If you don't want the flash of unstyled images this will create, you'll need to apply some styles to hide them initially (e.g. position them absolutely off the left side of the screen) and then remove these styles when your images are loaded, something like:
$('#slider').imagesLoaded( function() {
// remove your hiding class
// initialise slick
});

Scroll all data in slick JS

I want to scroll all the data by slick JS. See this example
Initially it will be scrolling vertically automatically, when user want to scroll he/she will must be able to scroll all data in slider.
As in image there are 50 blocks are scrolling vertically, I want to view all blocks while scrolling down.
How can I manage this scenario with Slick

bxSlider free slide on touch

I am using the bxslider in my responsive design. When I use the touch/swipe by my phone the slider slides correctly to the next two slides. This happens as well when you slide a bit too far.
I am wondering if it is possible to disable this function and to be able to slide free as you position the slides by yourself or a way to slide quickly to the last slide?

window resize make visual carousel bug

I use slick.js for a project. Slider works perfect but I have a little visual bug when I resize the window with mouse, I see next slider for few seconds. The active image need some seconds to get width: 100%.
For few seconds the second slider is visibile. How can I fix this? If I drag the window very fast I can see all sliders. Here is an image.
Here is a live exemple. Make window smaller and after resize with mouse the window.

Scroll wheel doesn't always scroll page

I've recently implemented flexslider for a full screen slideshow effect.
www.ianandtaylor.com
I had to implement some hackarounds to get vertical scrolling for flexslider slide content, however the scroll wheel doesn't appear to always work when I attempt to scroll. Touch and keyboard scrolling seem just fine, but the scroll wheel is very inconsistent. Sometimes, if I go into my inspection tool and flip some CSS rule on or off for the slide element, the scrolling starts working fine (not sure why).
Ultimately, I just want to have a simple, easy scroll working on the Engagement Photos and Location & Event details slides.
Any help here would be most appreciated.
As i understand it, you want it to slide vertical when you scroll.
That can give some complications with the gallery you have, so when you
scroll it will either stop sliding when you reach the gallery or it will
just continue and disable the scrolling through gallery.

Categories

Resources