question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Exit swiper container after last slide

See original GitHub issue

Hello,

I was wondering if it possible to exit the swiper container after swiping to the final slide. My slides take up the full width and height of my browser window and flows vertically.

Here’s some basic code of the idea:

<div class="swiper-container swiper-container-full">
    <div class="swiper-wrapper">
        <div class="swiper-slides"></div>
        <div class="swiper-slides"></div>
        <div class="swiper-slides"></div>
    </div>
</div>

<!-- Ability to scroll down to div below the swiper container -->

<div class="new-div">
    <h1>Headline</h1>
    <p>Some paragraph text.</p>
</div>

I can’t seem to find anything in the forums or issue logs. Any help or suggestions would be greatly appreciated. Thanks for an awesome library!

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

3reactions
rajeshtomjoecommented, Apr 13, 2016

Please use mousewheelReleaseOnEdges: true for it to work

0reactions
lock[bot]commented, Jun 26, 2018

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Exit swiper container after last slide · Issue #1610 - GitHub
Hello, I was wondering if it possible to exit the swiper container after swiping to the final slide. My slides take up the...
Read more >
Exit swiper container after last slid - Stack Overflow
I've tried some mouse wheel properties and it's possible to get out of the swipe-container using both the swipe and the mouse wheel...
Read more >
Swiper API
Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.
Read more >
All Swiper.js Instances in Elementor are Now Exposed
The problem I have found is that when you get to the last slide of the “after” slider, then click the “next” button,...
Read more >
Swiper js add and remove slide (append and ... - CodePen
<div class="swiper-container"> ... <div class="swiper-slide">Slide 1</div> ... <button class="remove-slide">remove slide</button>.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found