Docs

[cowgillconsulting]

Friends: If possible, I would like to add a custom script which alters the scrolling trigger of a column’s fade-in effect. Stated another way, I want to alter how much of a column element must rise into the user’s viewport before the fade-in occurs.

Here’s why I want to do this, which may help you understand my goal. The home page of my site is a long scrolling page divided into topical sections. Each section is at least 100vh in height, with some longer as necessary. I have created menus and buttons which scroll the page directly to the top of each topical section, all as a faster, easier and more predictable way of browsing the content of the page. However, when the user jumps to a particular section of the page, any fade-in content of that section which is contained in a fade-in column about 80vh or more down the viewport has not yet been triggered to appear. Consequently, the user doesn’t see that the lower fade-in content is part of that section at all, at least without manually scrolling further.

Thus, if I could add a custom script which alters the scrolling trigger for fade-in content, I could ensure that any fade-in columns are triggered as soon as they enter within the viewport at all (anywhere inside 100vh), or something very close to that.

Is that possible? Thanks very much!

[Rupok]

Hi there,

Thanks for writing in! You will find all available options when you enable fade in effect – http://prntscr.com/c9np0d

If you still need anything to be controlled then you need to achieve this through custom development which would be out of our support scope.

Cheers!

[cowgillconsulting]

Aw, come on! You folks frequently provide snippets of custom CSS and custom script which provide customization beyond the panel options in Cornerstone, and I’ve seen you do so in regard to the fade-in effect.

I’ve already figured out that the fade-in can be overridden in custom CSS through an opacity:1.0 setting for columns with the fade-in data parameter set to true. All that remains is a script which determines when the opacity changes — that is, the scroll point within the viewport. The default is apparently at about 60vh, and it’s part of the built-in script of the feature. So how difficult would it be to provide me with a custom snippet of script which alters that?

Let’s ask another member of your team, shall we? Thanks.

[Rad]

Hi there,

It depends on difficulty, in fact, we shouldn’t provide them. Though if it’s simple editing or small tweaking, then there is no harm providing them.

With this requests, we can’t really provide customization. Column animation’s scroll trigger is deeply coded within the core. If it’s easy as changing the value then we should already provided it. I can only forward this as a feature request, it would be much better if there is an option to change this.

Thanks for understanding.

[Author]

Posts