sweet-scroll
sweet-scroll copied to clipboard
Published
20 hours ago •
wadackel
wadackel
Scroll not responding
Using the CDN I appear to be following the setup but it the scroll doesn't appear to be responding:
html:
<body>
<div id="content">
<div id="map-container">
<div class="map">
<nav>
<ul>
<li><a href="#one" id="music" class="trigger-overlayx" data-scroll><span class="icon"><img src="assets/img/navigation/MUSIC_ICON.png" /></span>Music</a></li>
<li><a href="#two" id="tour" class="trigger-overlayx" data-scroll><span class="icon"><img src="assets/img/navigation/TOURING_ICON.png" /></span>Touring</a></li>
<li><a href="#three" id="video" class="trigger-overlayx" data-scroll><span class="icon"><img src="assets/img/navigation/VIDEO_ICON.png" /></span>Video</a></li>
<li><a href="#four" id="gallery" class="trigger-overlayx" data-scroll><span class="icon"><img src="assets/img/navigation/PHOTO_ICON.png" /></span>Photo</a></li>
</ul>
</nav>
<div class="map-corner" id="one"><img src="assets/img/slices/top_left.jpg" /></div>
<div class="map-corner" id="two"><img src="assets/img/slices/top_right.jpg" /></div>
<div class="map-corner" id="three"><img src="assets/img/slices/bottom-left.jpg" /></div>
<div class="map-corner" id="four"><img src="assets/img/slices/bottom_right.jpg" /></div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://unpkg.com/sweet-scroll/sweet-scroll.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/overlays.js"></script>
</body>
js:
document.addEventListener('DOMContentLoaded', () => {
const sweetScroll = new SweetScroll({
vertical: true,
horizontal: true
},'#map-container');
}, false);
I'm not getting any errors. When I select a navigation item the url changes and it jumps.
@dcp3450 @firestar300
I'm sorry I got very late... :cry:
I think that the problem has been solved with the latest version 4.0.0.
If you still have issues, I'd be happy to try sweet-scroll again after updating :pray:
