JQ 如何判断横向滚动条到最右侧

JQ 如何判断横向滚动条到最右侧,第1张

 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">111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111</div>

<div class="c">111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111</div>

<div class="c">111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111</div>

<div class="c">111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111</div>

<script src="/js/jqueryjs"></script>

<script>

$('div')each(function(){$(this)data('slt',{sl:thisscrollLeft,st:thisscrollTop});})scroll(function(){

var sl=thisscrollLeft,st=thisscrollTop,d=$(this)data('slt');

if(sl!=dsl)alert('横向滚动');

if(st!=dst)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版,也是一个全新的版本,提供了丰富的功能及漂亮的外观,非常易于使用

大家在有时的网页设计中,前端会出现这样一个问题,因为左侧的侧边导航只有几个链接,很短,而右边的正文部分有可能会很长,怎么才能让左侧的背景能一直随着右侧的内容高度的增加而增加呢?当然,这种解决方法有两种,一种就是让左侧的导航漂浮,在右侧下拉或者是窗口拉出了左侧的高度时置顶,像糗事百科右侧的广告那样,这种方法现在也很流行,不过,我们今天不讲这种,讲的是另一种方法,让左右两边的div的高度能一致,随时一致,如果内容是固定的话,好做,左右固定高度,如果右侧的内容不固定呢?还是有办法得!

这种问题大多都是软件系统或者是一些后台中常用的,方法很简单,利用jquery获取右侧的高度,使得左侧和右侧的高度保持一致就OK啦!废话不多,上代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN"

">

关键词:animate();

<style>

div{ border:1px solid red; width:100px; height:100px; position:relative;}

</style>

<div class="div">这是一个div</div>

<script>

$("div")animate({left:'100px'});//

$("div")animate({left:'0px'});

</script>

以上就是关于JQ 如何判断横向滚动条到最右侧全部的内容,包括:JQ 如何判断横向滚动条到最右侧、如何用jquery实现高度自适应、请使用jQuery实现页面中的div元素向右移动100px后回到初始位置的动画效果等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9643507.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存