- 浏览: 494498 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (502)
- Java (70)
- Linux (10)
- 数据库 (38)
- 网络 (10)
- WEB (13)
- JSP (4)
- 互联网 (71)
- JavaScript (30)
- Spring MVC (19)
- HTML (13)
- CSS (3)
- AngularJS (18)
- Redis (5)
- Bootstrap CSS (1)
- ZooKeeper (4)
- kafka (6)
- 服务器缓存 (4)
- Storm (1)
- MongoDB (9)
- Spring boot (16)
- log4j (2)
- maven (3)
- nginx (5)
- Tomcat (2)
- Eclipse (4)
- Swagger (2)
- Netty (5)
- Dubbo (1)
- Docker (7)
- Hadoop (12)
- OAuth (1)
- webSocket (4)
- 服务器性能 (7)
- Session共享 (1)
- tieye修改 (1)
- 工作 (1)
- 有用的语录 (0)
- https (2)
- common (5)
- 产品开发管理 (1)
- CDN 工作原理 (1)
- APNS、GCM (1)
- 架构图 (3)
- 功能实现分析 (1)
- JMX (1)
- 服务器相关操作命令 (1)
- img02 (0)
- 服务器环境搭建 (9)
- goodMenuBook (1)
- CEInstantPot (0)
- 有用数据 (1)
- 百度地图WEB API (2)
- 正则表达式 (1)
- 样式例子 (2)
- staticRecipePressureCooker.zip (1)
- jCanvas (1)
- 网站攻击方法原理 (1)
- 架构设计 (3)
- 物联网相关 (3)
- 研发管理 (7)
- 技术需求点 (1)
- 计划 (1)
- spring cloud (11)
- 服务器开发的一些实用工具和方法 (1)
- 每天学到的技术点 (4)
- Guava (1)
- ERP 技术注意要点 (2)
- 微信小程序 (1)
- FineRepor (1)
- 收藏夹 (1)
- temp (5)
- 服务架构 (4)
- 任职资格方案 (0)
- osno_test (1)
- jquery相关 (3)
- mybatis (4)
- ueditor (1)
- VueJS (7)
- python (10)
- Spring EL (1)
- shiro (1)
- 前端开发原理与使用 (7)
- YARN (1)
- Spark (1)
- Hbase (2)
- Pig (2)
- 机器学习 (30)
- matplotlib (1)
- OpenCV (17)
- Hystrix (1)
- 公司 (1)
- miniui (4)
- 前端功能实现 (3)
- 前端插件 (1)
- 钉钉开发 (2)
- Jenkins (1)
- elasticSearch使用 (2)
- 技术规范 (4)
- 技术实现原理 (0)
最新评论
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="angular.min.js"></script> <script src="jquery.min.js"></script> </head> <body ng-app="myApp"> <div ng-controller="myController"> <div style="height: 2000px" ng-click="clickDeal()"> 点我跳到bottom处 </div> <button id="bottom">bottom</button> </div> </body> <script> var app = angular.module('myApp', []); //定义服务 app.service('commonFun', function ($http) { this.httpPost = function (url, dataObj, successFun, errorFun) { $http({ method: 'POST', url: url, data: dataObj, headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, transformRequest: function (data) { var str = ''; for (var i in data) { str += i + '=' + data[i] + '&'; } return str.substring(0, str.length - 1); } }).then(function successCallback(response) { if (successFun == null) { alert("请求数据成功!") } else { successFun(response); } }, function errorCallback(response) { //alert("getMenuListByMenuNameInRegex 请求数据错误!"); if (errorFun == null) { alert("url 请求数据错误!") } else { errorFun(response); } }); }; this.httpPostFile = function (url, dataObj, successFun, errorFun) { var fd = new FormData(); for (var i in dataObj) { fd.append(i, dataObj[i]); } $http({ method: 'POST', url: url, data: fd, headers: {'Content-Type': undefined}, transformRequest: angular.identity }).then(function successCallback(response) { if (successFun == null) { alert("请求数据成功!") } else { successFun(response); } }, function errorCallback(response) { //alert("getMenuListByMenuNameInRegex 请求数据错误!"); if (errorFun == null) { alert("url 请求数据错误!") } else { errorFun(response); } }); }; this.httpGet = function (url, successFun, errorFun) { $http({ method: 'GET', url: url }).then(function successCallback(response) { if (successFun == null) { alert("请求数据成功!") } else { successFun(response); } }, function errorCallback(response) { if (errorFun == null) { alert("url 请求数据错误!") } else { errorFun(response); } }); }; this.isEmptyObject = function (e) { var t; for (t in e) { return !1; } return !0 }; this.scollToElement = function (selector) { // console.info("selector == " + selector); var elementVar = $(selector); var num = elementVar.length; // console.info("num == " + num); // console.info("elementVar == " + elementVar); var elementHeight = elementVar.outerHeight(true); // console.info("elementHeight == " + elementHeight); //var elementOffsetTop = elementVar.offsetTop; var elementOffsetTop = elementVar.offset().top; // console.info("elementOffsetTop == " + elementOffsetTop); $(document).scrollTop(elementOffsetTop + elementHeight); } }); app.controller('myController', function ($scope, commonFun) { $scope.clickDeal = function () { commonFun.scollToElement("#bottom"); }; $scope.aa={}; console.info("aa == " + commonFun.isEmptyObject($scope.aa)); $scope.bb={menuId:30000}; console.info("bb == " + commonFun.isEmptyObject($scope.bb)); }); </script> </html>
发表评论
-
lazyLoad
2017-05-10 00:11 557<!DOCTYPE html> <html ... -
timer
2017-05-10 00:17 421<!DOCTYPE html> <html ... -
Http请求封装
2017-05-09 22:21 547<!DOCTYPE html> <html ... -
上传文件内容改变和上传文件
2017-05-09 21:56 503<!DOCTYPE html> <html ... -
ng-click参数传递
2017-05-09 21:35 944<!DOCTYPE html> <html ... -
promise(js里很多服务的then实现分析)
2016-09-14 01:07 942promise(很多少服务的then) 1、promise ... -
AngularJs directive(指令)
2016-09-14 01:07 886AngularJs directive(指令) ... -
Anguar 工作过程
2016-09-14 01:05 365Anguar 工作过程 Anguar的指令编译过程: 1 ... -
AngularJS Ajax($http)
2016-09-14 01:07 806AngularJS Ajax($http) 1.$http ... -
Angularjs run(AngularJS应用中第一个被执行的方法)
2016-09-15 13:10 602Angularjs run(AngularJS应用中第一个被执 ... -
AngularJs框架下controller间的传值方法
2016-09-15 13:10 601AngularJs框架下controller间的传值方法 ... -
$on、$emit和$broadcast的使用
2016-09-13 15:04 637$on、$emit和$broadcast的使用 如何在作 ... -
AngularJs API
2016-09-13 14:59 586AngularJs API 以下列出了一些通用的 API ... -
AngularJS 路由
2016-09-13 14:58 597AngularJS 路由 AngularJS 路由允许我们 ... -
AngularJS $location
2016-09-13 14:46 625AngularJS $location $location ... -
AngularJS中service,factory,provider的区别
2016-09-13 09:30 609AngularJS中service,factory ... -
AngularJS基础
2016-09-17 20:52 421AngularJS基础 AngularJS 是 ...
相关推荐
或者在滚动到某个特定位置时,显示或隐藏某些元素。因此,熟练掌握滚动条位置的判断和处理对于提高软件用户体验至关重要。 总结起来,这个压缩包提供了一个易语言实现滚动条位置判断的实例,可以帮助开发者了解和...
这里的核心逻辑是:当页面滚动到一定位置(即`scroH >= navH`)时,将`.joinus_nav`元素的位置设置为`fixed`,使其固定在顶部;当页面滚动到未达到该位置时,则将其位置设置为`static`,恢复初始状态。 - `position...
关于如何使用JavaScript实现当鼠标滑动到指定的div区域内时禁止页面滚动的功能,这是一个在前端开发中可能会遇到的实际需求。通常这种需求是在特定的操作场景中为了提供更好的用户体验而提出的。例如,在一个产品...
- **用途**: 指定元素及其内容是否可以作为一个不可见单位统一选择。 - **示例**: 这个属性通常在内部文档中使用,用于控制选择行为,但在实际应用中并不常用。 3. **`BEGIN`** - `begin` - **用途**: 设置或...
2. 滑动导航:在侧滑菜单或幻灯片切换时,阻止整个页面的滚动,只允许指定元素进行滚动。 总结,这个纯原生JS移动端阻止页面元素滚动插件利用了JavaScript事件处理、DOM操作以及对移动端滚动特性的理解,提供了一个...
本文提供的实例展示了如何使用JavaScript来判断页面或指定元素是否出现滚动条。 首先,我们来看下提供的`isScroll`函数。这个函数接受一个可选参数`el`,用于指定要检查的元素。如果没有提供`el`,则默认检查文档的...
在这个示例中,我们为指定的DOM元素绑定了事件监听器,根据事件类型来判断鼠标是进入还是离开元素,并通过计算鼠标相对于元素中心的位置坐标来确定鼠标是从元素的哪一侧进入或离开的。然后根据计算结果,在元素的...
在JavaScript和jQuery中,处理页面布局和用户交互时,经常需要获取各种元素的尺寸和位置信息,特别是当涉及到滚动条时。本篇文章将详细介绍如何使用jQuery来获取元素的滚动条高度以及其他相关实现代码。 首先,要...
通过`$(selector).click(function(){...})`,我们可以为指定元素绑定点击事件,当用户点击时执行相应的函数。在这个案例中,我们需要定义两个点击事件,分别控制图片向上和向下的滚动。 3. **动画效果**:jQuery的`...
1. **jQuery选择器**:jQuery提供了一种简洁的方式来选取DOM元素,如`$("#id")`选取ID为指定值的元素,`$(".class")`选取所有类名为指定值的元素。在滚动图片插件中,我们可能需要选取包含图片的容器,或者用于控制...
- **条件判断**:通过条件语句(如`if`、`switch`)来决定滚动的方向、是否暂停等行为。 ### 三、实际应用 1. **广告滚动条**:网站顶部或侧边栏常见的滚动广告,可以使用该技术实现。 2. **新闻滚动条**:新闻...
- **核心思想**:利用JavaScript定时器(`setInterval`)不断调整容器元素的`scrollTop`属性值来模拟滚动效果,并且当滚动到顶部或底部时瞬间跳转到另一个位置,形成无缝循环。 ##### 2. 关键代码解析 - **变量定义...
例如,创建一个滚动到指定位置的函数: ```javascript function smoothScroll(targetY) { var startY = window.pageYOffset; var endY = targetY; var distance = endY - startY; var duration = 1000; // 动画...
4. **监听滚动事件**:通过重写`scrollViewDidScroll(_:)`方法,我们可以检测滚动过程并判断何时需要切换到下一个或上一个元素。在适当的时候,可以调整数据源索引以达到无缝滚动的效果。 5. **自动滚动**:如果你...
在JavaScript编程中,判断鼠标位置是否在某个div元素内是一个常见的需求,尤其在制作交互式网页时非常有用。本文将详细介绍如何通过JavaScript实现这一功能,这涉及到鼠标事件的响应处理以及页面元素的位置属性操作...
在根组件中,我们可以通过监听`$route`对象的变化,比较当前路由和前一个路由的`meta`信息来判断滚动方向。 总的来说,实现Vue中鼠轮滚动切换路由的效果,需要结合Vue的生命周期、路由监听、过渡动画以及路由元信息...
单选框_取状态 说明:判断指定的【单选框】是否选中,没选中返回假 单选框_选择 说明:让指定的【单选框】选中,失败返回假 单选框_置焦点 说明:让指定的【单选框】拥有输入焦点 单选框_置状态 说明:修改【单选...
通过比较这两个值,可以判断元素是否在视口内,从而决定是否显示。 4. **CSS样式调整**:使用CSS控制悬浮元素的定位,通常使用`position: fixed`让元素相对于浏览器窗口定位,`top`属性设置元素距离窗口顶部的距离...
首先判断元素的父节点是否为空(即元素是否已经被删除或尚未添加到文档中),以及元素的样式 `display` 是否为 `none`(表示元素不显示),如果这两种情况中任何一种成立,则返回 `false`,意味着无法获取位置。...
9. 自定义滚动元素的加载:除了监听window对象的滚动事件外,还可以监听指定元素内的滚动事件。当这个元素内的内容滚动到底部时,也可以触发加载操作。这可以通过将滚动事件监听器绑定到具有滚动条的div等元素上,并...