我尝试使用 jQuery (jquery-1.7.1.min.js) 滚动，mouseover但无法滚动。下面是我的代码。
var ele = $('html,body');
var speed = 1,
scroll = 3,
scrolling;
$('#up').mouseenter(function() {
//scroll the element up
scrolling = window.setInterval(function() {
ele.scrollTop(ele.scrollTop() - scroll);
}, speed);
});
$('#down').mouseenter(function() {
//scroll the element down
scrolling = window.setInterval(function() {
ele.scrollTop(ele.scrollTop() + scroll);
}, speed);
});
$('#up, #down').bind({
click: function(e) {
//stop scrolling
if (scrolling) {
//prevents the default click action
e.preventDefault();
}
},
mouseleave: function() {
if (scrolling) {
window.clearInterval(scrolling);
scrolling = false;
}
}
});
.control {
width: 100%;
position: fixed;
text-align: center
}
#up.control {
position: fixed;
top: 0
}
#down.control {
position: fixed;
top: 20
}
/* no needed: */
#scroll {
overflow-x: scroll;
width: 500px;
white-space: nowrap;
overflow: hidden!imprtant;
}
onmouse左侧和右侧需要从左到右和从左到右滚动文本，但它无法使用 jQuery。
智慧大石
相关分类