我已经创建了一个在页面上重复上下自动滚动的函数,现在我希望稍微扩展一下这个功能,因为我希望能够在用户移动鼠标时暂停自动滚动。
基本上的想法是,如果用户没有移动鼠标,页面将自动滚动,一旦用户移动鼠标,此功能将暂停,他们将接管interaction...until,然后再次停止。
我有一台。这会像往常一样向上和向下滚动,但现在我需要在进行交互时立即暂停,或者在分别单击.start和.stop时暂停并重新启动动画。我的标记如下:
//run instantly and then goes after (setTimeout interval)
function autoScroll() {
我有一个有歌词的div,可以按一下按钮滚动。这很好用。我现在正试图让其他功能在很少运气的情况下工作。
我希望有按钮暂停滚动在当前位置,并从该位置开始,如果我再次单击暂停按钮,停止滚动并重置到歌词的开始,加快滚动速度和减慢滚动速度。
我还没有真正做过加速和减速的工作,但是我已经尝试了很多暂停和停止的事情。到目前为止还没有运气。
这是我使用的滚动代码:
$('#lyricsauto').click(function() {
var div = $('#lyricwrap');
setInterval(function() {
var pos = di
我试图暂停所有的Vimeo视频,当任何链接被点击。我正在建立一个滚动器,不希望视频继续播放时,滚动到下一个项目。
我可以暂停其中一个视频-谁能看到我做错了什么?
var iframe = $('.vimeovideo')[0, 1],
player = $f(iframe),
status = $('.status');
$('a').bind('click', function () {
player.api("pause");
});
谢谢
我已经能够让视频暂停,当它经过一个特定的像素高度时在滚动上播放。但我现在的问题是,我写的代码会自动让它在任何滚动条上播放,当它从顶部开始超过13500px时。我想知道你是否可以让它,以便当你暂停在视频自己的控制按钮,它不会播放,即使你评分。因为现在即使你暂停了视频,它也会播放。
$(document).ready(function() {
$(window).scroll(function() {
var vid = document.getElementById("video_1");
我有一个基本上包含一个大表的网页,我每分钟都使用ajax自动创建和填充该表。基本代码结构如下:
$(document).ready(function(){
setInterval(function(){
$.ajax({
//code to call backend, get the data,
//create/populate the table, and refresh every minute
});
});
}
因为表很长,我想让它自动向下滚动,暂停几秒钟,继续向下滚动,再次暂停。当它到达终
我有这个自动改变的图像,它的工作,但捆绑添加,所以它暂停悬停和重置时,离开元素,但它继续滚动和不暂停。我是JS和jQuery的新手。
JS
var galleryTimer;
var galleryTimeOut = "2500";
var galleryImage = ".productImage";
// auto play function to go through images
function galleryPlay() {
$(galleryImage).each(function(index) {
var sel