我正在使用bootstrap 4 scrollspy和自定义affix.Problem是当第二个菜单来查看我需要删除第一个固定菜单.检查小提琴这里https://jsfiddle.net/raj_mutant/awknd20r/ html:
<body data-spy="scroll" data-target=".navbar" data-offset="50">
<header>
<div class="container">
</div>
</header>
<section id="intro">
<div class="container">
<div class="jumbotron">
<div class="container">
<h2>Test</h2>
<h1>Lorem Ipsum</h1>
<h4>Lorem Ipsum</h4>
</div>
</div>
</div>
</section>
<section>
<nav class="tab-menu navbar navbar-expand-sm" data-toggle="affix">
<ul class="navbar-nav">
<li class="nav-link nav-item" href="#section1">
<a href="#">test</a>
</li>
<li class="nav-link nav-item" href="#section2">
<a href="#">test</a>
</li>
<li class="nav-link nav-item" href="#section3">
<a href="#">test</a>
</li>
</ul>
</nav>
<div class="section" id="section1" class="container-fluid bg-success" style="padding-top:70px;padding-bottom:70px">
</div>
<div class="section" id="section2" class="container-fluid bg-danger" style="padding-top:70px;padding-bottom:70px">
</div>
<section>
需要上下滚动的附加元素,反之亦然.谢谢.
我正在使用这个Youtube Iframe Api。自定义播放率在网络上运行良好，而不是在移动浏览器上运行。
HTML：
<iframe id="ws-frame" width="640" height="360" src="https://www.youtube.com/embed/HREjplMivXE?enablejsapi=1&rel=0&webm=1"frameborder="0" allowfullscreen>
<select id="speed">
<option>0.25</option>
<option>0.5</option>
<option selected="selected">1</option>
<option>1.5</option>
<option>2</option>
</select>
JavaScript：
$('#speed').on('change', function () {
player.setPlaybackRate($(this).val());
});
如何让它在移动浏览器中工作。