所以我有一个可滚动的div,里面有一堆div,一旦他们进入了可滚动的div视口,就会滚动动画。
我使用drilldown: {
series: [{
name: "test",
id: "test",
xAxis: 1, // <--- your desired X axis ID
data: [
[your data]
]
}]
}
来近似他们在视口中的条目。另外,我使用.scrollTop()
滚动。
我有一个工作的代码:
http://codepen.io/anon/pen/JYeyRa
以下是我的代码片段:
mCustomSCrollbar
但是当我尝试将其集成到我的网站(此处:http://mrlambertsmathpage.weebly.com/testpage.html)时,滚动时不会显示div。
我尝试更改setInterval(function () {
var x1 = $(".checkpoint").offset().top;
if ($(".mCSB_container").scrollTop() > x1) {
$(".notesContainer5").addClass('shown');
if (counter5 > 0) return false;
// Textillate if container div is :visible
if ($('.shown').is(':visible')) {
$(".notesCircle5").addClass("notesInAnim1-Alt");
$('.notesTitle5').show();
var $title5 = $('.notesTitle5').textillate({
loop: false,
initialDelay: 1250,
autoStart: false,
in : {
effect: 'bounceInDown',
delayScale: 1.5,
delay: 50,
sync: false,
shuffle: false,
reverse: false,
},
});
$title5.textillate('start');
条件中的值,但我没有运气。请问有人帮忙吗?