firefox中奇怪的JavaScript滚动
Strange JavaScript scroll in firefox
我建立了一个网站,只是为了尝试一些我的想法和学习。我在firefox中测试时发现了一个问题。我做了一个滚动功能,当图像到达特定位置时滚动页面。图像通过箭头键移动。它在IE9和Chrome中运行得很好,但在firefox中,当我输入箭头键时,页面会滚动。我认为这是因为在箭头键上的页面向上,页面向下,主页和结束导航,但如果我在firefox中禁用箭头键导航,问题仍然发生。
滚动功能:
function scrollPage() {
if(xpos > scrollPosX[scrolledX + 1]) {
scrolledX++;
window.scroll(scrollPosX[scrolledX],scrollPosY[scrolledY]);
}
if(xpos < scrollPosX[scrolledX] - ufoWidth) {
scrolledX--;
window.scroll(scrollPosX[scrolledX],scrollPosY[scrolledY]);
}
if(ypos > scrollPosY[scrolledY + 1]) {
scrolledY++;
window.scroll(scrollPosX[scrolledX],scrollPosY[scrolledY]);
}
if(ypos < scrollPosY[scrolledY] - ufoHeight) {
scrolledY--;
window.scroll(scrollPosX[scrolledX],scrollPosY[scrolledY]);
}
info5.html('scrolledX: ' + scrolledX + '<br />scrolledY: ' + scrolledY + '<br />scrollPosX: ' + scrollPosX[scrolledX] + '<br />scrollPosY: ' + scrollPosY[scrolledY]);
scrollLoop = setTimeout(scrollPage, 100);
}
- xpos和ypos是图像的左侧和顶部位置。
- scrollPosX和scrollPosY是包含到的位置的数组滚动到。
- scrolledX和scrolledY用于计算卷轴数。
这是我上传的一个演示。有关完整代码,请查看页面来源:http://www.mikeywebs.nl/
我希望有人能告诉我如何解决这个问题。也欢迎对我的代码进行一些注释,因为我还在学习。谢谢。
在演示代码中,没有任何东西可以阻止scroll事件的触发。在内联JS代码的第96行附近试试:
$(document).keydown(function(e){
e.preventDefault(); // Add this
var code = e.keyCode;
switch (code) {
在这里了解更多关于防止滚动的信息:如何禁用滚动
相关文章:
- JavaScript滚动脚本-在测试中激发,而不是在开发站点上
- 无锚点的JavaScript滚动页面
- 如何在使用函数document.write()打印最终结果后,使用Javascript滚动到页面顶部
- Javascript滚动到底,生成重复的请求
- Javascript滚动激活
- Javascript滚动并调整窗口大小
- HTML锚加Javascript滚动
- 使用iOS7的iPhone上未启动JavaScript滚动事件
- JavaScript滚动图片库在Chrome或IE中不起作用
- 如何用javascript滚动html中pdf对象元素的底部
- 没有按钮的Javascript滚动器有问题
- Javascript滚动和移动位置
- JavaScript滚动文本;t负载变量
- 带有转换比例错误的自定义JavaScript滚动条(jScrollPane)
- 创建新窗口时使用Javascript滚动条
- 使用Javascript滚动列表
- 如何在正文加载之前使用 javascript 滚动页面
- JavaScript 滚动到 y 位置
- 如何使用 JavaScript 滚动事件更改 HTML 输入
- 使用纯 Javascript 滚动到可滚动 DIV 中的元素