Add scroll bottom to LayerSlider

Support
#1

Hi,

Here - http://www.nijg.com/new/ - I’m trying to add an arrow down to the LayerSlider which in itself is not spectacular. However, I want it to link to the first section: how do I do that?

#2

Hi @yingfuli,

Thanks for reaching out.

You have added the URL like this

http://www.nijg.com/new/#e30-1%20x-section

and it’s not correct because it’s class and not ID, please try changing it to this

http://www.nijg.com/new/#post-30

Or simply add an ID to the section and use it in the URL :slight_smile:

Thanks!

#3

Ah, thanks. Used an ID and that worked. Pfff, little things that I keep forgetting, LOL!

Another thing: when I click the arrow and the page scrolls down to the first section, the menu and logo remain fixed on the bottom of the slider. I’m not sure if I like that. Is there a way to have it scroll until the slider is completely off screen?

#4

Hi @yingfuli,

The scrolling counted the header height, and it’s counted as well, it just looks like a portion of the header. But please try changing your header initial position to absolute.

The margin-top of 50 is just a sample, you could change it since it varies depending on header height.

Thanks!

#5

Hi,

That doesn’t work at all. I already had the Header in ‘absolute’. I also had content scrolling and sticky bar on. It only slightly works when I have this:

However, it looks like this:

and when clickong on the arrow it comes out like this:

#6

Hi There,

Please change the Margin Top & Sides to 112px instead.

Let us know how it goes!

#7

Nope, still the same.

#8

Hi There,

It looks like this when I click on the arrow button:


Did you sort it out?

Thanks.

#9

Not yet. I want it to go like this but I can’t accomplish it:

#10

Hi there,

Please set the top padding of the first section to 88px then set the top margin to 112px.

Hope this helps.

#11

Thank you, that did the trick.

Perhaps this could get a better default implementation? People shouldn’t be searching for a way to accomplish this, should be default.

#12

You are most welcome. :slight_smile:

#13

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.