JQuery 控制div滚动条保持最下

  1.     $("#session_show").animate({ scrollTop: $("#session_show").scrollHeight },1000);

这是最初的用法,结果没有反应,打印

  1. $("#session_show").scrollHeight

得出的结果是undefined。搜索了一下,发现需要在加一个[0],即:

    $("#session_show").scrollHeight
    //变成
    $("#session_show")[0].scrollHeight

这样就可以得到结果。原因应该是scrollHeight需要一个确定的对象。

时间: 2024-10-05 00:29:22

JQuery 控制div滚动条保持最下的相关文章

[转]JQuery控制div外点击隐藏,div内点击不会隐藏

一直弄清楚这个效果如何实现,看了这篇博客的几行代码原来如此简单. 比如有个div其id为body,实现在div外点击隐藏,div内点击不隐藏,采用jQuery实现如下: $("#body").click(function(e) { $(this).show(); e.stopPropagation(); }); $(document).click(function(event) { $("#body").hide(); }); 如果div内点击隐藏,可采用jQuer

JQuery控制div外点击隐藏,div内点击不会隐藏

比如有个div其id为body,实现在div外点击隐藏,div内点击不隐藏,采用jQuery实现如下: $("#body").click(function(e) { $(this).show(); e.stopPropagation(); }); $(document).click(function(event) { $("#body").hide(); }); 如果div内点击隐藏,可采用jQuery的触发事件 $(document).trigger("

jQuery控制页面滚动条上下滚动

1.向上滚动  $(this).animate({ scrollTop: "-=50" }, 1000); 2.向下滚动   $(this).animate({ scrollTop: "+=50" }, 1000); 参数解读:$(this)表示要实现上下滚动的对象,-50表示向上滚动50px , +50表示向下滚动50px ,1000表示滚动速度 原文地址:https://www.cnblogs.com/hofmann/p/11846135.html

jquery控制元素的隐藏和显示的几种方法。

组织略显凌乱,请耐心看! 使用jquery控制div的显示与隐藏,一句话就能搞定,例如: 1.$("#id").show()表示为display:block, $("#id").hide()表示为display:none; 2.$("#id").toggle()切换元素的可见状态.如果元素是可见的,切换为隐藏的:如果元素是隐藏的,则切换为可见的. 3.$("#id").css('display','none');//隐藏 $(

jQuery 的 Div 标签滚动条属性及判断垂直滚动条是否到达底部

转自:http://blog.163.com/[email protected]/blog/static/1284651702010894509982/ 关于 jQuery 的 Div 标签的滚动条的概念,没有几个人能够完全.正确搞明白的. 我知道很多人不同意我的观点.但是如果去百度上搜素,与 jQuery 滚动条有关的信息,都是关于滚动条外观和滚动条插件的.我最近在制作一个滚动条相关的页面效果,去 CSDN 论坛里提问,得到了一段代码,还是错误的. jQuery 里和滚动条有关的概念很多,但是

js控制div内的滚动条的位置

通过div的scrollTop变动控制垂直滚动条位置. 通过div的scrollLeft变动控制水平滚动条位置. 示例: <body> //d1是外层div,带滚动条 <div id='d1' style='height:200px;width:100px;overflow:auto;background:blue;'> <div style='height:500px;width:500px;background:yellow'>2222</div> &l

js控制网页滚动条往下滚动

function aa(i){ var tm = setInterval(function(){ var t = $(window).scrollTop(); var d = i < t ? Math.min((i-t)/10, -1) : Math.max((i-t)/10, 1) $(window).scrollTop( t + d ); if($(window).scrollTop()==i)clearInterval(tm); },30) } js控制网页滚动条往下滚动

jQuery 節點替換 &amp;&amp; DIV 滚动条美化特效

使用 replaceWith 替換節點后,在原來節點上的事件都會被去除. 所以,如果要保留節點上的事件,可以只替換節點內的內容達到目的!不替換已經綁定事件的節點. .read_box { height:480px; background:#141414; position:absolute; z-index:99999; top:25%; width:80%; left:10%; z-index:-999; /* 要使用scrollbar.js 文件,這個容器就必須設置display為block

JQuery控制两个Div高度一致

<script type="text/javascript"> $(function(){ if($("#left").height() > $("#right").height()){ $("#right").css("height",$("#left").height()); }else{ $("#left").css("height&