Streaming live at 10am (PST)

Accordion with a long content - Custom Code

#1

I found this custom code for accordion from Noah Raskin GraphicOwls.

Problem is:
I have an accordion with a long content. Whenever I click on a next accordion while another accordion is expanded, the next content is cut at the top. So I need to scroll up to see the top of the page (beginning of the paragraph).
The idea is to avoid that the user has to scroll the content area into place.

This is code GraphicOwls code that I put it Before tag., and work like charm with small content

I found solution on internet but I don’t know how to implement this code in GraphicOwls code for accordion.
https://tympanus.net/codrops/2011/10/12/flexible-slide-to-top-accordion/
http://jsfiddle.net/ilyasnone/aqw613em/

My Project
https://preview.webflow.com/preview/accordian-scroll-to-top?utm_source=accordian-scroll-to-top&preview=33c6034504de0e1d6060fbfe27fc7c42

https://accordian-scroll-to-top.webflow.io/

#2

Honestly I would suggest not to use an accordion in that case. It really creates a usability issue, especially on small devices. Workarounds don’t really solve that problem. Probably why I can’t think of a better answer for you. Hope this helps.