A jQuery plugin that assists scrolling and snaps to sections.
Scrollify is a jQuery plugin that assists scrolling and snaps to sections.
Syntax
$.scrollify({
section : ".section-class-name",
});
Questions tagged [jquery-scrollify]
95 questions
4
votes
2 answers
Scrollify section scroll with overflow
I am trying to use the script Scrollify (https://github.com/lukehaas/Scrollify) but I have sections that are longer than the user's screen, which means you first have to scroll down to see that contents' content.
Scrollify, however, doesn't let…
Kairowa
- 1,111
- 1
- 10
- 16
3
votes
2 answers
How to use Scrollify.js with Wordpress and Elementor?
I am totaly new to web development and programming, I want to use Scrollify on my WP site.
So I want to load Scrollify only in one page, so I added this to functions.php
function load_js_assets() {
if( is_page( 26 ) ) {
…
Austris Balodis
- 31
- 5
3
votes
1 answer
Scrollify get each page to animate it
I have to work with the library Scrollify.js which is using jQuery (unfortunately). I need to add class on some div when scrolling on a specific section. I'm trying to get each page in terms of animate divs.
Right know I have an event before and…
Léo Durand
- 215
- 1
- 4
- 13
3
votes
2 answers
scrollify footer bottom positioning
It's been a while i've been trying to solve this out myself. I am using scrollify jquery. I have total of FIVE sections and scrollify is working totally fine.
I want the footer to be shown in the last section named "five" but it's out of the…
umanga shrestha
- 368
- 2
- 8
- 29
2
votes
0 answers
Section larger than viewport is not scrollable and jumps back to the top
I am having a problem with jQuery-scrollify. I have a header section which is a 100vh heigh and works without any problems. The next section is taller than the viewport. It scrolls down to it normally, but it prevents you from scrolling further down…
Bence Brown
- 33
- 5
2
votes
2 answers
Scrollify move to specific section
I have 3 Scrollify sections. I also have 2 buttons, I need one button to scroll to the 2nd section and the other button to scroll to the 3rd section.
The Documentation lists this method:
$.scrollify.move("#name");
"The move method can be used to…
meow-meow-meow
- 508
- 2
- 10
- 26
2
votes
1 answer
jQuery Scrollify footer scroll-lock
I have integrated scrollify plugin. Whenever, I click on submit button without data, it gives an error. But that error could not be visible to me. scrollify lock the scrollbar. How can i see that error.
below is the screenshot.
This is the footer…
gt06
- 103
- 1
- 16
2
votes
0 answers
Combining parallax scrolling with scrollify
I learned using parallax scrolling from http://keithclark.co.uk/articles/pure-css-parallax-websites/
I tried using Scrollify jQuery plugin for snapping to sections. Both of them working great for me. But when I try combine these two effects, it is…
Srikanth Sharma
- 1,509
- 2
- 15
- 27
2
votes
2 answers
scrollify - scroll normally after last section?
Is it possible with the scrollify plugin to scroll normally after last section? For example I have 6 sections and then a footer, I want scrolling after the last section to be normal. Right now, because footer isn't a section, I can't even scroll to…
dzimi
- 769
- 3
- 10
- 20
1
vote
0 answers
Can you alter the sensitivity of jQuery Scrollify?
When using an Apple Magic Mouse (where the scroll and click areas are the same), it's very easy to trigger unwanted scrolls, especially when clicking.
So, I wondered if there was any way to reduce the sensitivity of Scrollify so, for instance, the…
jw82uk
- 11
- 2
1
vote
0 answers
jquery-scrollify – first section hash
On my website i implemented scrollify with the following code, but when loaded, the first hash is set to #1 and not #home (as defined). Only when you scroll down and up, it's loaded. How could i change this?
$.scrollify({
section : ".section",
…
Simeon
- 11
- 1
1
vote
1 answer
How to use jquery-scrollify only in one component in angular 7?
I'm using jquery scrollify for angular 7 project. i have used this command to install the jquery-scrollify
npm i jquery-scrollify
and then added its path in angular.json
"node_modules/jquery-scrollify/jquery.scrollify.js",
and used this code in my…
Striker
- 948
- 1
- 13
- 28
1
vote
1 answer
How to temporarily disable "scrollify" when a section is taller the screen height
I am trying to use scrollify for my website. It now has three pages(sections). The second page(section) is taller than the screen height, so that I want to disable “scrollify” until it reaches the bottom of the second page. But on my codes, when the…
Tak
- 167
- 1
- 5
- 18
1
vote
0 answers
Scrollify with fixed header: offset not applied to first section
I'm making a simple website which is a gallery of illustrations, each shown as large as possible one the page. There is also a fixed header staying on top of the page.
So it's a series of slides with one img in each, the images' height being the…
nicolas
- 31
- 4
1
vote
0 answers
scrollify disable scrolling up
I try to disable scrolling up with scrollify, i try to use this snippet but its not working
$(window).scroll(function () {
var iCurScrollPos = $(this).scrollTop();
if (iCurScrollPos > iScrollPos) {
if($.scrollify.isDisabled()) {
…
trumanone1
- 11
- 2