在使滚动系列事件正常运行方面存在问题(根本不符合设计)。已经浏览了所有关于此的文章、代码建议和其他帮助主题,但没有人能够解释为什么此示例根本不起作用:
基本页面html:
<!DOCTYPE html>
<html>
<head>
<title>JQM Test</title>
<script src="/inc/jQuery/jquery-1.11.3.js"></script>
<script src="/inc/jQuery/mobile/jquery.mobile-1.4.5.min.js"></script>
<script type="text/javascript">
var scroll = 0;
$(function() {
$(window).on('scroll',function(e) {
console.log("Scrolled - "+scroll);
scroll++;
});
});
</script>
</head>
<body>
Contents blah blah.
</body>
</html>
好的,如果复制粘贴,则需要替换包含文件,并且版本可能不同。对这种行为表示怀疑。当我取出jquery时。移动包含该脚本按预期工作,每当滚动位置改变时,都会将滚动注释记录到控制台中。
当我包含jquery.mobile页面加载时它会触发一次,就这样。尝试过在jQuery脚本部分、scrollstart和scrollStop事件中更改文档/窗口。甚至尝试过使用本机javascript显式绑定偶到滚动。相同的结果,没有jqm包含,所有工作都很好,当我包含jqm时失败。
有人能给我解释一下为什么JQM的东西会破坏滚动功能吗?
编辑:
尝试了以下JS函数,结果与EXACT相同(函数直到添加JQM包含)
$(document).on("scrollstart",function(){
****
$(document).on("scrollstop",function(){
****
$(window).on("scrollstart",function(){
****
$(window).on("scrollstop",function(){
****
$(document).scrollstart(function(){
****
$(document).scrollstop(function(){
****
$(window).scrollstart(function(){
****
$(window).scrollstop(function(){
****
window.onscroll=myFunction;
document.onscroll=myFunction;
window.attachEvent("scroll",myFunction,false);
document.attachEvent("scroll",myFunction,false);
在@FraserCrosbie的帮助下,我发现我忽略了一点CSS:https://jsfiddle.net/nzwodyte/4/
CSS被分配给一个[数据角色=页面]{/code>元素,并具有高度:100%和位置:相对标签。
没有意识到JQM在没有声明所述标记的情况下,将数据角色=“页面”分配给HTML中的元素。
因此,对于有相同问题的任何人,请检查页面的高度和位置CSS(从调试的角度,而不是在原始DOM中)
尝试以下操作:
$(function() {
$(window).on('scroll',function(e) {
console.log("Scrolled - "+scroll);
window.scrollBy(100, 0); // for scroll horizontally.
});
});
我想开发一个带有div和一些样式的文件拖放组件: dragenter:更改div边框颜色 dragleave:还原为原始div边框颜色 在Firefox 35(Ubuntu)上,当div有一个滚动条(水平或垂直)并且在滚动条中移动文件时,我会发生以下事件: < li>dragenter:移过div边框 < li>dragenter:在滚动条上移动 < li>dragleave:离开滚动条 所以我在
本文向大家介绍学习使用jquery iScroll.js移动端滚动条插件,包括了学习使用jquery iScroll.js移动端滚动条插件的使用技巧和注意事项,需要的朋友参考一下 大家在日常工作中最常用的插件是什么,jQurey?Lazyload?但是这些都是在PC端,但是在移动端最常用的插件莫过于iScroll了,iScroll到底是什么东西,应该怎么用?iScroll是个很强大的插件,我也只是
是否可以为StyleClassedTextArea(以及其他RichTextFx系列窗格)注册滚动侦听器? 你能给我举个例子吗? TextArea的常用方法不起作用。
问题内容: 我正在制作一个FAQ页面,顶部有一些按钮可以跳转到一个类别(它跳转到我用作类别标签的标签,例如,用于我的常规类别)。我想添加一个滚动效果,而不仅仅是跳到该类别。我想要类似http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm的内容,该内容可以滚动到页面的所需部分。该链接是一个脚本,该脚本转到页面顶部,具有良好的滚动效果。我需要类似
我有一个这样的代码,我想在滚动期间将一个类添加到我的头上,但是在函数 这是我的html 这是我的jQuery 类没有被添加...在浏览器中,即使在滚动之后,控制台日志函数也没有输出任何内容 解决方案 我把窗户拆了,加了一个尸体,它起作用了。
我正在使用添加元素的JscrollPane,当元素超过7个时,JscrollPane中的JScrollBar将被激活。我需要当我引入一个新元素时,滚动条向右移动 构造函数: 滚动条向右移动,但从来没有达到最大值,总是有多一点的距离滚动。 有人知道为什么会这样吗?我看到使用setValue和getMaximum将滚动条向右移动,但对我来说,它停留在靠近右边的地方,而不是右边。 下面是一张截图来看看。