Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当用户滚动div顶部时,如何获取事件?_Javascript_Jquery - Fatal编程技术网

Javascript 当用户滚动div顶部时,如何获取事件?

Javascript 当用户滚动div顶部时,如何获取事件?,javascript,jquery,Javascript,Jquery,您能告诉我当用户滚动到div的顶部时如何获取事件吗。 我有div有一些内容可以查看,如果用户滚动到顶部,我想显示一个警报。 Tendulkar(Listeni/ˌsətʃn tɪn tɛnˈduːlkər/,出生于1973年4月24日)是一名前印度板球运动员,被公认为当代最伟大的击球手,在他的球迷中被普遍称为“板球之神”[2]他也被公认为有史以来最伟大的板球运动员。[6][7][8][9]他在11岁时开始打板球,16岁时在对巴基斯坦的比赛中首次试打,并在国内和国际上代表孟买打了近24年的比赛。

您能告诉我当用户滚动到div的顶部时如何获取事件吗。 我有div有一些内容可以查看,如果用户滚动到顶部,我想显示一个警报。

Tendulkar(Listeni/ˌsətʃn tɪn tɛnˈduːlkər/,出生于1973年4月24日)是一名前印度板球运动员,被公认为当代最伟大的击球手,在他的球迷中被普遍称为“板球之神”[2]他也被公认为有史以来最伟大的板球运动员。[6][7][8][9]他在11岁时开始打板球,16岁时在对巴基斯坦的比赛中首次试打,并在国内和国际上代表孟买打了近24年的比赛。他是唯一一位在国际板球比赛中获得100个世纪成绩的球员,也是第一位在一日制国际板球比赛中获得两个世纪成绩的击球手,也是唯一一位在国际板球比赛中获得30000分以上成绩的球员。[10]2013年10月,他成为第16位在所有公认板球比赛中获得50000分的球员和第一位印度人(头等舱,A组和20组组合)。[11][12][13]
2002年,维斯登板球运动员年鉴将他列为有史以来第二大测试击球手,仅次于堂·布拉德曼,也是有史以来第二大ODI击球手,仅次于维夫·理查兹。[14]在职业生涯后期,坦杜尔卡是印度队的一员,赢得了2011年世界杯,这是他代表印度队在六次世界杯比赛中首次获胜。[15]他曾在南非举行的2003届锦标赛中被评为“锦标赛的球员”。2013,他是唯一一位参加了世界历史试验席的印度板球运动员,他在纪念威斯登-板球运动员年鉴第一百五十周年时被命名。[ 16 ] [ 17 ] [ 18 ]
Tendulkar因其出色的体育成就于1994年获得阿诸那奖,1997年获得拉吉夫·甘地·赫尔·拉特纳奖,这是印度最高的体育荣誉,1999年和2008年分别获得帕德玛·施里奖和帕德玛·维布尚奖,这是印度第四和第二高的平民奖。在2013年11月16日的最后一场比赛结束后,这位运动员总理办公室宣布决定授予印度最高文职人员奖巴拉特·拉特纳2014年2月4日,普拉纳布·穆克吉(Pranab Mukherjee)总统在拉什特拉帕蒂·巴万(Rashtrapati Bhavan)的杜巴尔大厅举行了一场特别仪式,与科学家C.N.R.Rao一起授予他该奖项。他是迄今为止最年轻的获奖者,也是有史以来第一位获得该奖项的运动员。[21][22]他还获得了2010年国际刑事法院颁发的年度板球运动员加菲尔德·索布斯爵士奖杯。[23]2012年,坦杜卡尔被提名为印度议会上院议员拉贾萨巴。[24]他也是第一位运动员(也是第一位没有航空背景的运动员)2012年,他被印度空军授予上校荣誉军衔。[25]他被任命为澳大利亚勋章的荣誉成员。[26]
2012年12月,Tendulkar宣布退出ODIs。[27]他于2013年10月退出了Twenty20板球[28],随后宣布退出各种形式的板球[29]在孟买万赫德体育场与西印度群岛队进行了第200场也是最后一场测试赛后,于2013年11月16日退役。[30][31]坦杜尔卡总共参加了664场国际板球比赛,得了34357分
这里有一把小提琴:,别忘了你的div实际上需要一个高度才能滚动

然后您只需绑定
scroll
事件,并使用
$(this.scrollTop()

获取位置。这里有一个小提琴:,不要忘记,您的div实际上需要一个高度才能滚动


然后您只需绑定
scroll
事件,并使用
$(this.scrollTop()
@crisbeto已经获得它了(jquery)
$(“#元素”).scrollTop()
或本机
文档.getElementById(“元素”).scrollTop


举一个例子,我在这里和那里使用一些奇怪的滚动元素-有一些额外的用户界面很好,所以认为值得张贴了

在标记中添加一类
.content scroller
任何要滚动的元素

$(".content-scoller").on("scroll",function() {    
    _contentDiv = $(this);    
    _contentDiv.addClass("scrolling"); 

    /* is it top ? */
    if(_contentDiv.scrollTop() ===0) { _contentDiv.removeClass("nottop"); }
    else { _contentDiv.addClass("nottop"); }

    /* have we stopped scrolling ? */
    clearTimeout($.data(this, 'this_timer'));   
       $.data(this, 'this_timer', setTimeout(function() {
        _contentDiv.removeClass("scrolling"); }, 100)); 
});

*^检查******

@crisbeto的简洁速记“是否已停止滚动”(jquery)
$(“#元素”).scrollTop()
或本机
文档.getElementById(“元素”).scrollTop


举一个例子,我在这里和那里使用一些奇怪的滚动元素-有一些额外的用户界面很好,所以认为值得张贴了

在标记中添加一类
.content scroller
任何要滚动的元素

$(".content-scoller").on("scroll",function() {    
    _contentDiv = $(this);    
    _contentDiv.addClass("scrolling"); 

    /* is it top ? */
    if(_contentDiv.scrollTop() ===0) { _contentDiv.removeClass("nottop"); }
    else { _contentDiv.addClass("nottop"); }

    /* have we stopped scrolling ? */
    clearTimeout($.data(this, 'this_timer'));   
       $.data(this, 'this_timer', setTimeout(function() {
        _contentDiv.removeClass("scrolling"); }, 100)); 
});

*^检查******的“已停止滚动”简洁速记,你对这个概念有什么想法吗?(@crisbeto的回答应该会对此有帮助吗?)你对这个概念有什么想法吗(@cristbeto的答案应该更清楚地说明这一点。不要试图批评答案,但如果你不想使用jQuery,这里是纯JS中的。不要试图批评答案,但如果你不想使用jQuery,这里是纯JS中的。