I am not a jQuery or JavaScript developer but I think we need to somehow address each instance in a unique way in order to control it individually. I added a parent div tag <div id="scrollbar1">, <div id="scrollbar2"> respectively before each <div class="scroll-pane… "> . But I don't know how to get the parent id, i.e., scrollbar1 or scrollbar2 and append to the var scrollPane, scrollContent, and scrollbar so the values become #scrollbar1.scroll-pane, #scrollbar1.scroll-content, #scrollbar1.scroll-bar and #scrollbar2.scroll-pane, #scrollbar2.scroll-content, #scrollbar2.scroll-bar respectively. Any help would be appreciated.