我只是在学习javascript,所以请在这里忍受我.我正在尝试使用相同的控件在bootstrap中启动两个轮播.
现在它的设置方式,包含轮播ID的href标签控制着每个轮播.任何人都有关于如何使用相同的控件将两者连接在一起并且修改最少的建议?
这是HTML:
<div id="asHero">
<div id="walkThrough" class="carousel slide">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">
<div class="span5">
<h1>Discover</h1>
<p class="heroDesc">Explore the active side of the world around you.</p>
</div>
<div class="span6">
<img src="img/landing/icontest.png" />
</div>
</div>
<div class="item">
<div class="span5">
<h1>Track</h1>
<p class="heroDesc">Keep tabs on frequency and personal bests.</p>
</div>
<div class="span6">
<img src="img/landing/icontest2.png" />
</div>
</div>
<div class="item">
<div class="span5">
<h1>Conquer</h1>
<p class="heroDesc">Earn points and awards for everything you do in your active life.</p>
</div>
<div …Run Code Online (Sandbox Code Playgroud) 我有一个元素,我正在应用一些基于滚动位置的基本过渡.它在Safari和Firefox中按预期顺利运行,但在Chrome中滚动非常不稳定.
$(document).ready(function($) {
var divUp = $('.fade');
var divDown = $('.fade-down');
$(window).on('scroll', function() {
var st = $(this).scrollTop();
divUp.css({
'top' : -(st/6)+"px",
'opacity' : 1 - st/400
});
divDown.css({
'opacity' : 1 - st/400
});
});
});
Run Code Online (Sandbox Code Playgroud)
我CSS单独评论了每个属性,但Chrome无论如何都是不稳定的.该top物业正在移动一个相对定位的元素.
如何在让Chrome的JS引擎满意的同时达到预期的效果?提前感谢您的任何反馈.