{"id":15371670,"date":"2022-02-16T13:59:13","date_gmt":"2022-02-16T13:59:13","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/data-scroll-target-not-affecting-its-target\/"},"modified":"2022-02-16T14:32:47","modified_gmt":"2022-02-16T14:32:47","slug":"data-scroll-target-not-affecting-its-target","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/data-scroll-target-not-affecting-its-target\/","title":{"rendered":"data-scroll-target not affecting it&#8217;s target"},"content":{"rendered":"<p>Hi &#8211; firstly thank you so much for your amazing plugin and all the great tutorials. They really have added so much to my designs. <\/p>\n<p>I activated Locomotive and had great fun adding it to various bits n bobs of the pages I&#8217;m making (that will soon be transferred to their own domain and not sit on my site)!<\/p>\n<p>So it was I came across your tutorial on stacking elements and making them sticky. Absolutely ideal for a page I have been asked to create. But I anticipated conflicts between the sticky function in Elementor and Locomotive. Turned out I was right. <\/p>\n<p>So I looked at the GitHub page and my heart leapt with happiness as I saw the data-scroll-sticky attribute. I got my head around how data-scroll-target works, so I added an ID to the section (effect-stick) and the Locomotive instructions to the same section as well.<\/p>\n<p>data-scroll<br \/>\ndata-scroll-sticky<br \/>\ndata-scroll-target|#effect-stick <\/p>\n<p>I then dragged an inner section into the #effect-stick section, placed the widgets inside it and removed the Locomotive text from it&#8217;s parent to that new inner section, so it would call the CSS ID of it&#8217;s parent section. But it didn&#8217;t work!<\/p>\n<p>I also enabled freehand mode in the steroids plugin, but it didn&#8217;t make any difference. <\/p>\n<p>If by happy chance you come across this, please can you advise? I may not be the only froot to face this particular problem. <\/p>\n<p>And thank you again for all the great tutorials. They really do make a world of difference to my sites.<\/p>\n","protected":false},"template":"","class_list":["post-15371670","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/15371670","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":2,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/15371670\/revisions"}],"predecessor-version":[{"id":15371681,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/15371670\/revisions\/15371681"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=15371670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}