How to disable my website scrolling on PC?

  • ipbr21054
    Asked on January 2, 2017 at 9:02 AM

    Hi,

    Happy New Year.

     

    I know this is not form related but ive had a mental mind block & need a pointer please.

    Take this page for example  http://www.theremotedoctor.co.uk/accsuzuki.html?scrollto=selection

    As you can see when you come to the page it scrolls to CONTENT or either SELECTION depending on the page etc.

    This currently works fine on Pc & Mobiles etc BUT i want to stop it scrolling on the Pc but others to work as is.

     

    Thanks.

  • candy
    Replied on January 2, 2017 at 9:44 AM

    Hello,

    You can disable the scrolling on your website only on the PC adding the following CSS codes into your website:

    #home{

    overflow: hidden !important;

    }

    @media only screen and (max-device-width: 768px){ /*tablet*/

    #home{

    overflow: scroll !important;

    }

    }

    @media only screen and (max-device-width: 500px){ 

    #home{

    overflow: scroll !important;

    }

    }

     

    I think if you stop scrolling on PC, your website will not work as good as it works now. My recommendation would be not to touch scrolling.

     

    Thanks.

  • ipbr21054
    Replied on January 2, 2017 at 10:12 AM

    I assume this would be in the Basic css file but can you advise the exact point at which it needs to be inserted. 

    Thanks  

     

     

  • omerorkun JotForm Data Scientist
    Replied on January 2, 2017 at 10:34 AM

    Hi,

    I do not think it matters where you insert the code if it's a .css extension file. However, since your question is not actually related with JotForm it'd be better if you could consult to a web developer. We'd be glad to help you but since we can not take full responsibility on what to happen on your website this should be a better way of handling issues. 

    Please contact us again if you need any further assistance.