translateX -100% 怎么隐藏横向滚动条？

你的风格有问题，我改了。代码如下，可以满足你想要的需求。

css需要加强基础。html>

闻

*{margin:0;padding:0;transition:all.3s;}

.navp{border-bottom:2pxsolid#fff;width:20px;margin-bottom:5px;}

.nav{float:right;margin-right:15px;margin-top:15px;}

.nva-menu{position:fixed;top:0;right:0px;width:100px;transform:translateX(100%);transition:all.3s;background-color:#000;height:100%;visibility:hidden}

.nva-menuul{list-style-type:none;}

.nva-menuulli{padding:015px15px15px;}

.nva-menuullia{color:#fff;}

.active{transform:translateX(0px);visibility:visible;right:0px;}

$(function(){

$(".nav").click(function(){

if($(".nva-menu").hasClass("active")){

$(".nva-menu").removeClass("active");

$(".nav").css("padding","0px");

}else{

$(".nva-menu").addClass("active");

$(".nav").css("padding-right","100px")

}

})

});