2017-02-05 6 views
-1

HTML Разметка Структуракак скрыть полосу прокрутки на тумблер класса

<div class="box" style="background:pink"> 
<span class="inner-text">pink</span> 

CSS с тумблера класс

.test { 
    overflow:hidden; 
    position:fixed; 
    top:0; 
    left:0; 
    z-index:10; 
    margin:0; 
    padding:0; 
    width: 100vw !important; 
    height: 100%; 
} 

JQuery переключатель работает я хочу, чтобы скрыть СВИТОК Y

$('.box').click(function() { 
    $(this).toggleClass('test'); 
}); 

picture here

+0

вы хотите, как это? http://jsbin.com/tuyuqo – plonknimbuzz

ответ

0

Вы используете Jquery и вам нужно добавить ссылку на Jquery внутри головки тега

Все остальное работает отлично

... 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
</head> 

Вы можете использовать обычный Javascript для события щелчка, как описано:

HERE

0

Попробуйте добавить правило css переполнения-y: скрыто после переключения класса

$(this).toggleClass('test').css("overflow-y","hidden");

Picture

Смежные вопросы