I have customized the Story Map Series according to the source. I have 18 entries in my map series, and the accordian panel does not scroll to the entry with the base code. I added these two lines to scroll to the entry, but it is not quite working completely.
<SPAN class="comment token">//with the accordion theme, if there are more entries </SPAN> <SPAN class="comment token">//than fit on a single screen, this scrolls to the active entry</SPAN> <SPAN class="keyword token">var</SPAN> entries <SPAN class="operator token">=</SPAN> document<SPAN class="punctuation token">.</SPAN><SPAN class="token function">getElementsByClassName</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">'entry'</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> entries<SPAN class="punctuation token">[</SPAN>index<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">scrollIntoView</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">true</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></SPAN>
On a click on the feature (i.e. entry index >13), the panel does scroll to make the entry visible, but not at the top. On a second click on the feature, the panel scrolls to have that entry at the top. Putting scrollIntoView in there twice does not help. Here is a video clip.
This scrolling issue was a bug that was fixed in the September 2018 revision of the Story Map Series code.
Signed in members can post, follow updates, and more. New here? Register a free account.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
