3.10 针对于iscroll 使用y获取滚动高度
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了3.10 针对于iscroll 使用y获取滚动高度，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1387字，纯文字阅读大概需要2分钟。
内容图文
今天在做实际手机端操作的时候，发现了这个
<
ul
class
="wind-alert-ul"
style
="transform-origin: 0px 0px 0px; position: absolute; top: -200px; left: 0px;"
>
<
li
>
</
li
>
<
li
>关闭</li><li>低速</li><li>中速</li><li>高速</li><li>关闭</li><li>低速</li><li>中速</li><li>高速</li><li>关闭</li><li>低速</li><li>中速</li><li>高速</li><li>关闭</li><li> </li></ul>
发现在滚动的时候，top的值是变化的，那么是不是可以通过这个top值来获取滚动的高度，结果又了如下的写法
onScrollEnd:function(){
var top=$(".wind-alert-ul").css("top");
alert(top);
var number=parseInt(top.split(‘px‘)[0].substring(1));
alert(number);
$(".ok").click(function(){
var text=$(".wind-alert-ul li:eq("+number+")").get(0);
$(".wind-set-b").text(text.innerHTML);
})
}
测试发现在电脑是可以的，但是实际上再手机端由于浏览器的差别会有锁不同，在uc上浏览器测试发现弹出的top值一直都是auto,如果是这样的话，那么number也就无法进行计算
发现了这个问题之后，请教了同事，其实在iscroll.js中可以使用y来获取滚动垂直初始位置，将位置转化为正数，然后可以通过除以Li的高度去找到现在处于的li的位置，由于在布局的时候，多加了一个 所以需要在位置上加上1，将其中的内容进行替换就可以了
修改后的代码如下：
onScrollEnd:function(){
console.log(this.y);
var number=(Math.abs(this.y))/50+1;
$(".ok").click(function(){
var text=$(".wind-alert-ul li:eq("+number+")").get(0);
$(".wind-set-b").text(text.innerHTML);
})
}
经测试，手机端显示正常，可以弹出正常的滚动高度
原文：http://www.cnblogs.com/miaomiao8899/p/5261152.html
内容总结
以上是互联网集市为您收集整理的3.10 针对于iscroll 使用y获取滚动高度全部内容，希望文章能够帮你解决3.10 针对于iscroll 使用y获取滚动高度所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。