移動(dòng)端的滾動(dòng)條在一些場(chǎng)景下可能顯得不太友好，比如說(shuō)在一些彈窗組件中，滾動(dòng)條的出現(xiàn)會(huì)破壞界面的整體性。所以有時(shí)候會(huì)需要在移動(dòng)端隱藏滾動(dòng)條，本文就為大家介紹幾種方法。

一、使用CSS的-webkit-scrollbar偽類

::-webkit-scrollbar {
display: none; // 隱藏滾動(dòng)條
}

這種方法只適用于webkit內(nèi)核的瀏覽器，比如Safari、Chrome、iOS中的Safari等。

二、使用overflow:hidden

body {
overflow: hidden; // 隱藏滾動(dòng)條
}

使用這種方法可以在所有移動(dòng)端瀏覽器中隱藏滾動(dòng)條。但是它對(duì)滾動(dòng)的元素以及子元素也具有影響，可能會(huì)導(dǎo)致內(nèi)容無(wú)法滾動(dòng)或者滾動(dòng)受限。

三、使用JavaScript

var ele = document.getElementById("ele");
ele.style.overflow = "hidden"; // 隱藏滾動(dòng)條

這種方法通過(guò)JS來(lái)控制元素的overflow屬性，可以自由控制哪些元素需要隱藏滾動(dòng)條。

以上三種方法都可以實(shí)現(xiàn)移動(dòng)端隱藏滾動(dòng)條的效果，具體應(yīng)該根據(jù)業(yè)務(wù)場(chǎng)景選擇。