Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
pwketankulkarni opened this issue Apr 9, 2020 · 1 comment
Open

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

pwketankulkarni opened this issue Apr 9, 2020 · 1 comment

Comments

@pwketankulkarni
Copy link

pwketankulkarni commented Apr 9, 2020

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
Copy link
Author

pwketankulkarni commented Apr 9, 2020

this particular behaviour is only in google chrome and firefox

@pwketankulkarni pwketankulkarni changed the title scroll not working in mobile scroll not working in mobile(google chrome) Apr 9, 2020
@pwketankulkarni pwketankulkarni changed the title scroll not working in mobile(google chrome) scroll not working in mobile(google chrome & firefox) Apr 9, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant