Skip to content

Scroll issue in firefox and safari #11

Description

@sunandabansal

Hi,

Your plugin is great. I just ran into an issue with it in Firefox and Safari. It works perfectly in chrome though. Its possible that it could be because of some conflict with other plugin.

So, I used your plugin on a website with two full screen sections and a third section for normal scroll (single page website).

HTML:

<div class="vertical-slider">
    <section class="vertical-section" id="page1">
        <img src="http://x2creative.abinitiohk.com/wp-content/uploads/2014/07/image1-top.png" class="vertical-sec-img top-half"/>
        <div class="thick-black-divider"></div>
        <img src="http://x2creative.abinitiohk.com/wp-content/uploads/2014/07/image1-bottom.png" class="vertical-sec-img bottom-half"/>
    </section>
    <section class="vertical-section" id="page2">   
            <img src="http://x2creative.abinitiohk.com/wp-content/uploads/2014/07/image2.png" class="vertical-sec-img top-half"/>           
    </section>
</div>
<div class="wrapper"><!--rest of the sections and body--></div>

JavaScript:

$('.vertical-section').scrollSections({
    createNavigation:true,
    navigation: true,       
    animateScrollToFirstSection: false,
    mousewheel: true,
    alwaysStartWithFirstSection: true,
});

So, what happens is, that i can scroll from #page1 to #page2 and then scroll through the rest of the site normally in chrome but in case of firefox and safari, the site just won't scroll past #page2.

It could be conflicting with some other plugin but i can't know for sure.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions