Vertical centring of text in a...

User 2699991 Photo


Registered User
3,750 posts
Online Now

Maz wrote:
I changed various attributes (there wasn't data offset but data off... and to see if I was on the right track, I changed all available attributes to 1000

There wasn't any change to the scrolling under the sticky menu...

When you say "value :( no of pixels from where you want it to stop" do you mean the pixel height from the top of the screen to where I want the scrolling to start (i.e. to disappear under the second sticky menu)?




data-offset is a CUSTOM setting
The value is however many pixels toy want the target to stop scrolling from the top of the page

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
User 2699991 Photo


Registered User
3,750 posts
Online Now

Wayan Jaya wrote:
Maz wrote:
I changed various attributes (there wasn't data offset but data off... and to see if I was on the right track, I changed all available attributes to 1000

There wasn't any change to the scrolling under the sticky menu...

When you say "value :( no of pixels from where you want it to stop" do you mean the pixel height from the top of the screen to where I want the scrolling to start (i.e. to disappear under the second sticky menu)?





data-offset is a CUSTOM setting
The value is however many pixels toy want the target to stop scrolling from the top of the page when the trigger element is clicked (presumably you have set it to data-smooth-scroll
Attachments:

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
User 2929204 Photo


Registered User
69 posts

Wayan Jaya wrote:
Of course there is still the problem of Mobile devices not being able to perform the "sticky" thingy any way co that's going to need more thinking about for mobile devices


I think that what I can do is add an image at the start of each section or bookmark that equals the height of both sticky menus.
That's probably the easiest solution :)
User 2929204 Photo


Registered User
69 posts

Wayan Jaya wrote:

data-offset is a CUSTOM setting
The value is however many pixels toy want the target to stop scrolling from the top of the page when the trigger element is clicked (presumably you have set it to data-smooth-scroll


Strange, I don't get that attribute option available for paragraph

My RSD is v5 Build 3470

I'm not sure about data-smooth-scroll but I've set it to 1500 anyway!
Attachments:
User 2699991 Photo


Registered User
3,750 posts
Online Now

Maz wrote:
Wayan Jaya wrote:

data-offset is a CUSTOM setting
The value is however many pixels toy want the target to stop scrolling from the top of the page when the trigger element is clicked (presumably you have set it to data-smooth-scroll


Strange, I don't get that attribute option available for paragraph

My RSD is v5 Build 3470

I'm not sure about data-smooth-scroll but I've set it to 1500 anyway!



https://youtu.be/mAuu15LjdDc

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
User 2929204 Photo


Registered User
69 posts

Wayan,

Thank you so much for that... excellent.

I'll have to look at this tomorrow morning I think as it's 2am here - I will let you know.

Once again, thank you, didn't really expect that! :):):)
User 2699991 Photo


Registered User
3,750 posts
Online Now

I know the feeling it's 6:00 am here and I have already been working since Midnight, normal for me is a 16 - 18 hour day

Good luck with it tomorrow

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
User 2929204 Photo


Registered User
69 posts

Well.... I spent about 4 hours trying to get it to work and failed.

I tried all sorts of values for the offset ranging from 1 to 300 to see what effect it would have. I made the sticky menu transparent slightly and noticed that it would scroll up to exactly the top of the menu headings to the 1st sticky menu. I just couldn't get it to work.

I've got a link for a screen recording of what I did minus the settings for colours, I was just trying to get the screen to stop scrolling at the right place.

https://drive.google.com/file/d/1SEr07J … sp=sharing

I apologise for the quality but the next resolution up would have been around 70Mb which wouldn't have uploaded.


Maz
User 2699991 Photo


Registered User
3,750 posts
Online Now

Maz wrote:
Well.... I spent about 4 hours trying to get it to work and failed.

I tried all sorts of values for the offset ranging from 1 to 300 to see what effect it would have. I made the sticky menu transparent slightly and noticed that it would scroll up to exactly the top of the menu headings to the 1st sticky menu. I just couldn't get it to work.

I've got a link for a screen recording of what I did minus the settings for colours, I was just trying to get the screen to stop scrolling at the right place.

https://drive.google.com/file/d/1SEr07J … sp=sharing

I apologise for the quality but the next resolution up would have been around 70Mb which wouldn't have uploaded.


Maz


You targeted the wrong container

The Target is container10 (that's the one that should have the ID that the paragraph is using as the target
looks like you targeted container8

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
User 2699991 Photo


Registered User
3,750 posts
Online Now

I have another thingy on the way to YouTube, this time with sound as the family all up and around now

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.