Your support ticket
Unique IDs on CMS items / Parallax

Adding unique IDs to the CMS items on the "Read" page so that I can implement a next section button. Related links: https://forum.webflow.com/t/in-page-link-for-a-collection-item-in-a-collection-list/73853/8 https://wishlist.webflow.com/ideas/WEBFLOW-I-301 Also showing you the area I'd like to add parallax.

Created on: 
April 8, 2019
Solved on: 
April 8, 2019
Minutes used: 
52
Solution
Solution video coming soon
Additional notes

Video for issue #2:https://www.loom.com/share/8c6f12a1317449bb8cbd417e54695cf7

Custom code:

<script>
var Webflow = Webflow || [];
Webflow.push(function() {
var buttonNext = "";
var firstStory = "";
 // Set dynamic list IDs based on h1 tag content
 $('.content').each(function(i) {
   $(this).attr('id', $(this).find('h1').first().text().toLowerCase().replace(/[^a-z]+/g, '-'));
 });
$('.content').each(function(i) {
   buttonNext = $(this).next().attr('id');
   $(this).find('.next-button').attr('href', "#" + buttonNext).prepend("<img src='https://media.giphy.com/media/3oKGz8Mr8stJzA0JDW/giphy.gif'>");
});
firstStory = $('.content').first().attr('id');
$('.content').last().find('.next-button').attr('href', "#" + firstStory);
});
</script>

https://www.loom.com/share/ff38161847574a609d2e1fa8c11dd492

===

your video link: https://www.loom.com/share/b3153f7e04024213b412e41cad344fa1