我试图通过jquery实现一个简单的“留在视口”行为到div。为此,我需要绑定一个函数到窗口的滚动事件,但我似乎无法让它启动:没有任何反应。我试过一个简单的alert(),console.log()没有骰子。一个想法我在做错什么?

这段代码:

$(window).scroll(function () {  
            console.log("scrolling");           
});

坐在我的html文件底部的script.js中

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>

更新
测试URL:http://pixeline.eu/test/menu.php

解决方法

好的,做出来

您的CSS实际上是设置文档的其余部分不显示溢出,因此文档本身不滚动。最简单的修复是将事件绑定到滚动的事情,在您的情况下,它是div#page。

所以它容易变化:

$(document).scroll(function() {  // OR  $(window).scroll(function() {
    didScroll = true;
});

$('div#page').scroll(function() {
    didScroll = true;
});

干杯查理

jQuery窗口滚动事件不会启动的更多相关文章

  1. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  2. ios – UIScrollView自动滚动64点

    我正在将UIScrollView添加到UIViewControllers视图中.出于某种原因,在将滚动视图添加到视图并显示之间,contentOffset设置为{0,-64},64是状态栏的20加上导航栏的44点(我猜).下面是一些重现问题的代码和图像.如何阻止iOS设置contentOffset?

  3. 在IOS9中的Cordova应用程序使用JQuery / Javascript的window.history问题

    在两个测试用例中唯一改变的是Cordova.js.解决方法我看到这是几个星期前,但我会发布这个,以防其他人遇到它.听起来它可能与iOS9中的哈希更改生成的导航事件有关.如果是这样,可以将其添加到index.html以禁用哈希侦听:

  4. iOS 5上的jQuery事件

    解决方法在Apple开发论坛上由一个人回答:我需要在将元素添加到DOM之后才绑定(),如下所示:

  5. swift详解之十八------------ScrollView

    ScrollView注:本小节详细介绍scrollView的用法UIScrollView是一个能够滚动的视图控件,可以用来展示大量的内容,并且可以通过滚动查看所有的内容UIScrollView的用法,将需要展示的内容添加到UIScrollView中设置UIScrollView的contentView属性,告诉UIScrollView所有内容的尺寸这里我创建了一个scrollview并设置的一些属性,然后添加了四个小狗的图片。下面看看uiscrollviewdelegate中的一些其他的事件这里面都清楚的记

  6. 使用SnapKit约束label、scrollview和tableview

    解决的方法是,在其中加一个viewContainer,让scrollview的contentSize.height自适应viewContainer,而viewContainer的高度自适应与其中的各个控件。重点内容都在代码里:三、约束UITableViewCell基于上面的方法,这个就比较简单了,以前苦逼的计算每个cell的高度/(ㄒoㄒ)/~~在这里可以直接把Cell当做上面的viewContainer就好了。重点是UITableView的属性设置:内容大概就这么多吧,别急着赶路,把路填平了,才能跑起来

  7. Android – 显示/隐藏片段留下空白区域

    鉴于:>屏幕上有两个垂直放置的元素(ViewPager和Fragment)>第一个当前选定片段(ViewFlipper)中的操作在顶部片段中基于文本和基于WebView的视图之间切换,并隐藏/显示底部片段.观测到的:>隐藏底部片段会留下底部片段所在的空白区域.我尝试了Relative和LinearLayout(顶部片段设置为weight=1)但是底部片段被移除后都没有效果我底部仍然有空的空间这是顶

  8. Android工具栏collapseMode问题

    我有一个问题是“带有标题文本的工具栏”在CollapsingToolbarLayout中向上滚动时不折叠.我尝试了一些调整,使用app:layout_collapseMode=“none”作为我的android.support.v7.widget.Toolbar中的属性,但它不起作用.也许我的布局有问题.以下是我想要实现的目标.但是当我滚动到顶部时,工具栏也会折叠,并且tabBar也会向内滚动,并

  9. android – OnGestureListener#onScroll未在三星Galaxy Note 10.1上从GestureDetector调用

    在带有Android4.0.4的三星galaxyNote10.1上,当两个手指放在屏幕上时,GestureDetector不会触发OnGestureListener#onScroll.这适用于其他设备.在我的应用程序中,我想只在涉及至少两个手指时启用滚动.这是重现现象的视图实现:这种行为是已知/记录/想要的吗?有没有已知的解决方法?

  10. android – CollapsingToolbarLayout ImageView不可滚动

    使用cheesesquare–androidsupportlibraryexample是否可以使HeaderImageView可滚动?请注意,我已经添加了添加android:fillViewport=“true”到nestedScrollView并添加了app:layout_scrollFlags=“scroll”toImageView但是当试图从ImageView滚动时没有任何反应.解决方法好的

随机推荐

  1. jquery-plugins – 是否可以使用猫头鹰旋转木马实现循环/无限轮播?

    我正在使用猫头鹰旋转木马,它的工作完美,除了它不支持循环/无限滚动.我没有搜索google和stackoverflow的想法,没有运气.有没有人在猫头鹰旋转木马上实现圆形/无限滚动?

  2. jQuery动态输入字段焦点

    我想使用以下jQuery向我的页面动态添加一个输入字段:在这样做之后,我希望输入字段具有闪烁的文本光标的焦点,所以我想在创建后立即输入.有人可以告诉我我该怎么办?

  3. jquery – 为什么$(window).height()这样错了?

    我试图获取当前浏览器的视口高度,使用但我得到的价值观太低了.当视口高度高达850px时,我从height()获取大约350或400像素的值.这是怎么回事?

  4. jquery – 如果在此div之外和其他draggables内部(使用无效和有效的还原选项),则可拖动恢复

    例如这样但是由于明显的原因,这不行.我可以说这个吗?

  5. 创建一个jQueryUI 1.8按钮菜单

    现在jQueryUI1.8已经出来了,我正在浏览更新,并且遇到了新的Buttonwidget,特别是SplitButtonwithadropdown的演示之一.这个演示似乎表明Buttonwidget可以在这里创建一个下拉菜单.作为讨论的问题,我想知道使用这个新的Button小部件来创建一个下拉菜单有什么方法.干杯.解决方法您必须在按钮下方列出一个列表,方式类似于此处为自动完成提供的演示:http

  6. 灰色divs使用JQuery

    我试图使用这个代码:为了淡出一大堆名为MySelectorDiv的div,唯一的是,它只会淡出第一个而不是所有的div,为什么呢?

  7. 使用jQuery动态插入到列表中

    我有两个订单列表在彼此旁边.当我从一个列表中选出一个节点时,我想按照字母顺序插入到另一个列表中.抓住的是我想要把一个元素放在另一个列表中,而不刷新整个列表.奇怪的是,当我插入到右边的列表中,它工作正常,但是当我插入到左边的列表中时,顺序永远不会出来.我也尝试将所有内容读入数组,并将其排序在一起,以防止children()方法没有按照显示顺序返回任何东西,但是我仍然得到相同的结果.这是我的jQuer

  8. 没有回应MediaWiki API使用jQuery

    我试图从维基百科获取一些内容作为JSON:但我没有回应.如果我粘贴到浏览器的地址栏,就像我得到预期的内容.怎么了?解决方法您需要通过添加&callback=?来触发具有$.getJSON()的JSONP行为?在querystring上,像这样:Youcantestithere.没有使用JSONP,你正在击中same-originpolicy,阻止XmlHttpRequest获取任何数据.

  9. jQuery Ajax请求每30秒

    我有这段代码,但是有些人在我的网站上的值可能会改变.我需要每30秒钟更新一次#financediv.这可以做吗解决方法您可以将代码放在单独的函数中,如下所示:然后每30秒建立一个定时器调用该函数:祝你好运!总结以上是DEVMAX为你收集整理的jQueryAjax请求每30秒全部内容。如果觉得DEVMAX网站内容还不错,欢迎将DEVMAX网站推荐给好友。

  10. jquery – keypress事件在IE和Chrome中不工作,但在FF工作

    任何想法为什么会这样发生?我通常认为Chrome会更加宽容代码?这是我的按键键.我错过了什么吗?右图();和leftimage();是应该工作的功能,因为我在其他地方使用这些功能谢谢您的帮助!

返回
顶部