Hi from France.
I have an issue with the "scroll top" function called from a URL.
Considering this one :
The scroll top is OK.
But considering this one :
... so the second accordeon on the page, the scroll top is broken.
It looks like as soon as the URL does not use the id 0, the scroll top from URL is broken.
Thanks for your support.
Franck
Hi again. It looks like the situation is more tricky.
https://www.agnosys.com/services/offres-entreprise/?id=0&c_id=0 : No scroll top
https://www.agnosys.com/services/offres-entreprise/?id=0&c_id=6 : Scroll top
https://www.agnosys.com/services/offres-entreprise/?id=1&c_id=0 : No scroll top
https://www.agnosys.com/services/offres-entreprise/?id=1&c_id=4 : No scroll top
https://www.agnosys.com/services/offres-education/?id=0 : No scroll top
https://www.agnosys.com/services/offres-education/?id=4 : No scroll top
I don't understand why it works in a few cases only.
Thanks for your support.
Franck
Hi.
Sorry for bothering but I already spent 3 hours on the topic without any success.
Considering those URLs :
(I don't understand why I need to grab the header ID from a Web inspector for this use case)
https://www.agnosys.com/services/offres-education/?id=0#header-text-1549563113949
https://www.agnosys.com/services/offres-education/?id=1#header-text-1549563122920
https://www.agnosys.com/services/offres-education/?id=2#header-text-1550154204309
https://www.agnosys.com/services/offres-education/?id=3#header-text-1550154213753
https://www.agnosys.com/services/offres-education/?id=4#header-text-1550612230212
The situation is almost correct in Safari and Chrome : the header is opened but the value for the scroll top is not respected (it is respected when the scroll occurs when clicking on headers)
The situation is incorrect in Firefox : if you paste the URL, the scroll does not occur ; you may at this moment press "Return" again so the scroll occurs so it's not reliable ; and the value for the scroll top is not respected.
So you write : "you will also need to add url #id where you want to scroll." Maybe that would permit to not search the header ID manually. Reading the documentation : "http://example.com/accordions/?id=1#id-1".
So I tried :
https://www.agnosys.com/services/offres-education/?id=0#id-0
https://www.agnosys.com/services/offres-education/?id=1#id-1
https://www.agnosys.com/services/offres-education/?id=2#id-2
https://www.agnosys.com/services/offres-education/?id=3#id-3
https://www.agnosys.com/services/offres-education/?id=4#id-4
#id looks like it is ignored.
I also find somewhere #ui-ud. So I tried :
https://www.agnosys.com/services/offres-education/?id=0#ui-id-0
https://www.agnosys.com/services/offres-education/?id=1#ui-id-1
https://www.agnosys.com/services/offres-education/?id=2#ui-id-2
https://www.agnosys.com/services/offres-education/?id=3#ui-id-3
https://www.agnosys.com/services/offres-education/?id=4#ui-id-4
And I don't see any scrolls.
Still scratching my head…
Please try as following
https://www.agnosys.com/services/offres-entreprise/?id=1&c_id=0#header-text-1549563073942
you will also need to add url #id where you want to scroll.
Regards
OK…
I think I have understood the idea of using header IDs. That permits to point to a particular header when the page displays 2 accordeons like this one. Each accordeon has ID0, ID1, and then you can distinguish the accordeons using the specific header ID value.
The demo page is : https://www.agnosys.com/services/offres-entreprise
If you can take a look at what I wrote considering Safari/Chrome/Firefox and the scroll top value. You'll see that it is not so nice when clicking on the Draw Attention map versus clicking directly on headers.
Best regards.