十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
script
创新互联公司是一家专注于成都网站建设、网站设计与策划设计,察隅网站建设哪家好?创新互联公司做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:察隅等地区。察隅做网站价格咨询:13518219792
if(document.body.style.overflow!="hidden"document.body.scroll!="no"
document.body.scrollHeightdocument.body.offsetHeight)
{
alert("有滚动条");
}else
{
alert("无滚动条");
}
/script
$(document).scrollTop()
获取垂直滚动的距离
即当前滚动的地方的窗口顶端到整个页面顶端的距离
$(document).scrollLeft()
这是获取水平滚动条的距离
看明白了吗??
你要获取顶端
只需要获取到scrollTop()==0的时候
就是顶端了
要获取底端
只要获取scrollTop()=$(document).height()-$(window).height()
就可以知道已经滚动到底端了
$(document).height()
//是获取整个页面的高度
$(window).height()
//是获取当前
也就是你浏览器所能看到的页面的那部分的高度
这个大小在你缩放浏览器窗口大小时
会改变
与document是不一样的
根据英文应该也能理解吧
其实你可以自己做个实验就知道了
$(document).scroll(function(){
$("#lb").text($(document).scrollTop());
})
span
id="lb"
style="top:100px;left:100px;position:fixed;"/span!--一个固定的span标记
滚动时方便查看--
先获取现当前这个元素的宽和高,再获取外部的宽和高,若是内部大于外部,并且外部元素overflow:hidden
则说明有滚动条
判断滚动条距离顶部的像素:$('body').scrollTop();
//判断一次
alert($('body').scrollTop());
//在滚动时判断(实时判断)
$('body').on('scroll',function(){
console.log($(this).scrollTop());//输出到控制台
})
jquery在scroll()事件里面,我想判断当前滚动条横向还纵向;
我开始用全局变量记录scrollTop的值来判断的,如果前后值没有变就是横向滚动了,
但是页面里有多个滚动条,就要多个全局变量来控制,该怎么判断呢?
scroll jquery 区分横向纵向滚动条
解决方法:
each一次设置选择器选中对象的scrollLeft/scrollTop就行了,然后绑定scroll事件,触发的时候获取scrollLeft/scrollTop和初始化的scrollLeft/scrollTop对比判断是横向还是纵向,同时更新对象存储的scrollLeft/scrollTop
style
.c{height:120px;width:120px;overflow:auto;border:solid 1px black;margin-bottom:5px;}
/style
div class="c"111111111111111111br1111111111111111111br1111111111111111111br1111111111111111111br1111111111111111111br1111111111111111111br1111111111111111111/div
div class="c"111111111111111111br1111111111111111111br1111111111111111111br1111111111111111111br1111111111111111111br1111111111111111111br1111111111111111111/div
div class="c"111111111111111111br1111111111111111111br1111111111111111111br1111111111111111111br1111111111111111111br1111111111111111111br1111111111111111111/div
div class="c"111111111111111111br1111111111111111111br1111111111111111111br1111111111111111111br1111111111111111111br1111111111111111111br1111111111111111111/div
script src="/js/jquery.js"/script
script
$('div').each(function(){$(this).data('slt',{sl:this.scrollLeft,st:this.scrollTop});}).scroll(function(){
var sl=this.scrollLeft,st=this.scrollTop,d=$(this).data('slt');
if(sl!=d.sl)alert('横向滚动');
if(st!=d.st)alert('纵向滚动');
$(this).data('slt',{sl:sl,st:st});///
})
/script
最近流行的 sogo云输入法, QQ云输入法,都用到了bookmarklet技术。
这篇文章主要介绍了jQuery中even选择器的定义和用法,较为详细的分析了event选择器的语法结构与具体用法,并以一个设置偶数行为蓝色字体的例子总结了其用法与功能特点,需要的朋友可以参考下
晚上有插件可以实现"jquery tab",但有点复杂了,我想写个最简单的,来实现"jquery tab"。而事实上确实很简练
这篇文章主要介绍了JQuery样式操作、click事件以及索引值-选项卡应用,结合实例形式分析了jQuery动态修改css样式、事件响应以及选项卡相关操作技巧,需要的朋友可以参考下
jQuery在遵循W3C规范的情况下,对事件的常用属性进行了封装,使得事件处理在各大浏览器下都可以正常的运行而不需要进行浏览器类型判断
主要是为了往后的项目中方便实现这类型的功能,在之前做问卷调查那个应用中,就用到这个来显示结果,但当时开发时并不用是插件的,一大堆代码,看也烦,用起来很麻烦
jquery动态添加option选项,还有动态删除的方法,大家参考使用吧
qTip2是一个灰常强大且精致的jQuery提示信息插件,是qTip的第2版,也是一个全新的版本,提供了丰富的功能及漂亮的外观,非常易于使用