项目常用功能模块(4)-angular 鼠标移到某一元素上,滚动条左右移动
来源:互联网 发布:青少年普法网络大赛 编辑:程序博客网 时间:2024/05/22 10:23
项目中,鼠标移到某一元素上,滚动条左右移动,案例中是在bootstrap-table上,结合jquery.mousewheel.js,但思路相通。
module.exports = /*@ngInject*/ function(Restangular,$rootScope) {'use strict';return {link: function(scope, elem, attrs, ctrl) {//控制表格左右滚动elem.bind('mousewheel', function(event, delta) { var step=30; var dir = delta > 0 ? 'Up' : 'Down';//判断上下滚动 var left=$(".fixed-table-body").scrollLeft();//获取当前滚动条左右进度$(this).css('cursor','move'); if(dir=='Up'){ left-=step; }else if(dir=='Down'){ left+=step; } $(".fixed-table-body").scrollLeft(left); }); //禁用外部区域鼠标滚动 var scrollTop = -1; // 鼠标进入到区域后,则存储当前window滚动条的高度 elem.hover(function(){ scrollTop = $(window).scrollTop(); }, function(){ scrollTop = -1; }); // 鼠标进入到区域后,则强制window滚动条的高度 $(window).scroll(function(){ scrollTop!==-1 && $(this).scrollTop(scrollTop);})}}}
阅读全文
0 0
- 项目常用功能模块(4)-angular 鼠标移到某一元素上,滚动条左右移动
- div滚动条随鼠标左右移动
- 当鼠标移到某一元素上时候显示提示信息,离开时提示信息也消失
- 鼠标移到元素上显示提示信息
- 列表型控件左右移动滚动条
- JavaScript控制滚动条左右移动
- 页面滚动条移到左侧
- div不随滚动条左右移动而改变位置
- 项目常用功能模块(3)-移除数组中的指定元素
- jQuery 滚动条插件之移动端 左右滑动不出现滚动条
- angular 滚动条插件
- ionic滚动条 左右滑动上拉刷新
- 鼠标移到向上或向下的图片上,文本自动滚动
- 鼠标移到向上或向下的图片上,文本自动滚动
- 为对话框设置水平,垂直条及鼠标移动滚动
- 鼠标移到input和img元素上的时候,光标变手型
- 鼠标移到input和img元素上的时候,光标变手型
- 子元素DIV不随父DIV的滚动条移动
- java web 展示pdf文件
- soupUI入门之如何发送一个post请求
- jcombox和jlist的区别
- Git安装详细说明
- io9 iOS10 iOS11的新特性
- 项目常用功能模块(4)-angular 鼠标移到某一元素上,滚动条左右移动
- PAT
- Python包的.mk文件构建
- wordpress端口映射后不显示样式
- c#中List的元素遍历(foreach)和去重复(distinct)
- 版本为2.5的OpenMP的所有API函数
- Linux统计文件行数
- C++中的头文件和源文件
- 通过FPDF创建中文PDF文档