JayShukla Posted February 6, 2021 Share Posted February 6, 2021 Hello, Hope you guys doing well. I make layered pinning example but a little different what I have here is content, images, and footer in between these I add up layered pin example with navigation links compatibility. The reason for making this topic is navigation links compatibility when I click the number on "ascending order" the panels work fine everything switch(slides) one by one but if I click "descending order" the panels do not work as expected Like 5, 4, 3, 2, 1. For Example, if I'm on panel five then I click 1 number, then it's dragging me to panel ID 2 not on panel ID one. See the Pen rNWOqPm by elsueno (@elsueno) on CodePen Link to comment Share on other sites More sharing options...
akapowl Posted February 6, 2021 Share Posted February 6, 2021 Hey @JayShukla This sounds like the same issue that was discussed in this thread Hope this helps. Cheers 2 Link to comment Share on other sites More sharing options...
JayShukla Posted February 6, 2021 Author Share Posted February 6, 2021 Hi @akapowl Thanks for your time. I update the codepen, with this demo you suggest, half issues solved but when you go "descending order" it comes half not full panel as you can see the screenshot. Link to comment Share on other sites More sharing options...
Solution akapowl Posted February 6, 2021 Solution Share Posted February 6, 2021 Hey @JayShukla Well, that's a plain logic thing. Since you have a section before your layered panels, that will throw off the calculations. So you would have to include the total height of that section in your calculations (total height meaning the height including the margin that you have set on it). Here is one way you could do that See the Pen 801cf62ba028df3f867364a137f42c65 by akapowl (@akapowl) on CodePen Seems to work for me. Is that better for you? 3 Link to comment Share on other sites More sharing options...
JayShukla Posted February 6, 2021 Author Share Posted February 6, 2021 Yup, thanks @akapowl it works for me and also for the StackOverflow link. You are right the total space is equal to my top content part height till panel. Thanks for the time and solution. 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now