lukehaas / Scrollify

A jQuery plugin that assists scrolling and snaps to sections.
MIT License
1.8k stars 580 forks source link

scroll not working in mobile(google chrome & firefox) #399

Open pwketankulkarni opened 4 years ago

pwketankulkarni commented 4 years ago

hi @lukehaas thanks for the wonderful plugin, I have used this plugin in one of my website in webflow its working fine, I have disabled the plugin for mobile but when i open it in mobile browser in some devices it is not working. Page is not scrolling at all in this resolution 360 780, but working in 393 851 here is my code

<script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.19/jquery.scrollify.min.js" integrity="sha256-RGlAwHKG24hsj1109SGQgvR+Orx7u8c6zyYH4Tk3ydU=" crossorigin="anonymous"></script> 

 <script>
if ($(window).width() > 768) {
 var openmodal={};
 function handleActiveLinks(activeNav){
    $(".clients").css("opacity",activeNav==="clients"?"100%":"80%");
    $(".services").css("opacity",activeNav==="services"?"100%":"80%");
    $(".work").css("opacity",activeNav==="workNav"?"100%":"80%");
    $(".aboutus").css("opacity",activeNav==="aboutus"?"100%":"80%");
    $(".partners").css("opacity",activeNav==="partners"?"100%":"80%");
    $(".contact").css("opacity",activeNav==="contact"?"100%":"80%");
 }

 $(function() {
         var newb="";
          $.scrollify({
            section : ".panel",
            scrollbars : false,
            scrollSpeed: 1400,
            afterResize:function(){
                    $.scrollify.move('#'+newb);
            },
            before:function(b){
            if(openmodal.modal && openmodal.modal.length>0){closemodal();}
            newb=b+1;
            switch(newb){
                 case 2:
                     handleActiveLinks("clients");
                          break;
            case 3:
                handleActiveLinks("services");
                break;
            case 4:
                handleActiveLinks("workNav");
                break;
            case 5:
                handleActiveLinks("aboutus");
                break;
            case 6:
                handleActiveLinks("partners");
                  break;
            case 7:
                handleActiveLinks("contact");
                 break;
            default:handleActiveLinks("");
            }
           }
          });
      });
 </script>
pwketankulkarni commented 4 years ago

this particular behaviour is only in google chrome and firefox