Maison > Article > interface Web > Désactiver le défilement de la page
Cet article décrit comment désactiver le défilement sur la page. Si vous ne savez pas comment désactiver le défilement sur la page ou si vous souhaitez désactiver le défilement sur la page, jetons un coup d'œil à cet article. , entrez. Allons droit au but
Explication :
1. le défilement sur la page, qui peut être utilisé en fonction des besoins réels, peut être contrôlé dynamiquement.
2. S'il peut être interdit côté mobile, il peut être interdit sur PC. Mais s'il peut être interdit sur PC, il ne sera peut-être pas interdit côté mobile, je vais donc me concentrer sur le côté mobile
3. Le code montre le zepto que j'utilise (vous ne pourrez peut-être pas l'utiliser, mais vous pouvez certainement le comprendre)
Préface :
1.
$(document).on('touchmove', function(e){ e.preventDefault(); })
2.
body{ position: fixed; //根据需求添加top,left... }
3.
body{ overflow: hidden; /*height: 100%;*/ }
4.Cliquez sur la page, la page s'arrêtera à la position cliquée, puis le glissement et le défilement seront invalides
//根据这个思路,你也可以去应用于元素的禁止滚动$('body').on('tap', function(e){ $(this).css('top', ('-' + $(window).scrollTop() + 'px')); $(this).css('position', 'fixed'); })
5 .Version mobileSauveur, si vous avez une expérience de développement pertinente, vous constaterez que la méthode précédente échoue comme par magie sur le terminal mobile, alors cette méthode peut certainement vous aider
html,html{ overflow: hidden; height: 100%;}
Conclusion :
Recommandations associées :
JavaScript implémente la désactivation de l'effet de rebond déroulant du navigateur WeChat
Quels sont les moyens de désactiver la mise en cache des pages
Comment utiliser H5 pour ajouter la fonction de désactivation de la mise à l'échelle
jQuery le scanner de code de surveillance interdit la saisie manuelle Méthode de mise en œuvre
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!