scrollToBottom

/**scrollToBottom({container: window,target: '#j_demo',triggerDistance: 0,callBack: function(){// 滚动到底部了},time: 300});*/
define( function() {'use strict';var $ = jQuery;var scrollToBottom = function( config ) {var container = config.container || window;var target = config.target;var triggerDistance = config.triggerDistance || 0;var callBack = config.callBack || $.noop;var time = config.time || 300;container = $( container );target = $( target );triggerDistance = triggerDistance || 0;// var containerNode = container[0];var timer;var uuid = '_f35d0b75_5a21_0781_405a_b189f1f946c3';function onScrollToBottom() {/*var scrollHeight;if (containerNode == window) {scrollHeight = $(document).height();} else {scrollHeight = containerNode.scrollHeight;}*/var scrollPosition = container.height() + container.scrollTop();var bottomPosition = target.height() + target.offset().top;if ( ( scrollPosition - bottomPosition ) + triggerDistance > 0 ) {// 到达底部if ( $.isFunction( callBack ) ) {callBack();}}}var stop = function() {container.off( 'scroll.' + uuid );};var start = function() {stop();container.on( 'scroll.' + uuid, function() {clearTimeout( timer );timer = setTimeout( function() {onScrollToBottom();}, time );} );};var startNow = function() {stop();container.on( 'scroll.' + uuid, function() {onScrollToBottom();} );};return {stop: stop,start: start,startNow: startNow};};return scrollToBottom;
} );

scrollToBottom相关推荐

react.js做小程序_如何使用React.js构建现代的聊天应用程序
react.js做小程序 In this tutorial, I will guide you to build your own group chat application using React ...
recyclerview 软键盘_android-打开键盘时，Recyclerview不会滚动到结尾
android-打开键盘时,Recyclerview不会滚动到结尾我在应用程序中使用recylerview,并且每当将新元素添加到recyclerview时,它都会通过使用滚动到最后一个元素 rec ...
HTML5仿微信聊天界面、微信朋友圈实例
这几天使用H5开发了一个仿微信聊天前端界面,尤其微信底部编辑器那块处理的很好,使用HTML5来开发,虽说功能效果并没有微信那么全,但是也相当不错了,可以发送消息.表情,发送的消息自动回滚定位到底部,另 ...
EXTJS实现的WEBQQ可以传文件了哈
Ext.namespace("JDBS.Apps.AppClass.JDBSIM"); /** * 在线交流功能界面类 */ JDBS.Apps.AppClass.JDBSIM ...
ScrollView嵌套ListView处理事件冲突
当ListView嵌套在ScrollView中时会有两个问题列表内容显示不全滑动事件冲突第一个问题可以参考ScrollView与ListView嵌套仿微博个人主页中的解决方法. 第二个问题就是下 ...
arcgis开发常用源码
arcgis开发常用源码 1.点上生成面的代码 if (m_pFeatureLayer.FeatureClass.ShapeType == esriGeometryType.esriGeometryP ...
node.js搭建简单服务器，用于前端测试websocket链接方法和性能测试
WebSocket简介谈到Web实时推送,就不得不说WebSocket.在WebSocket出现之前,很多网站为了实现实时推送技术,通常采用的方案是轮询 (Polling)和Comet技术,Come ...
让android的TextView可以滚动
让android的TextView可以滚动 android 我想要在一个文本视图里显示一段文本,但是文字太多,一屏显示不下.我需要让我的TextView可以滚动.我应该怎么做,这是我的代码. fina ...
c# winForm DotNetBar控件之SuperGridControl
1.添加表头 sgc.PrimaryGrid.SelectionGranularity = SelectionGranularity.Row;//点击选中一行DevComponents.DotNetB ...

scrollToBottom

scrollToBottom相关推荐

最新文章

热门文章