jquery怎么取到当前div中滚动条的位置

jquery怎么取到当前div中滚动条的位置,第1张

可以将DIV的滚动条滚动到其子元素所在的位置,方便自动定位。

var container = $('div'),

scrollTo = $('#row_8');

containerscrollTop(

scrollTooffset()top - containeroffset()top + containerscrollTop()

);

// Or you can animate the scrolling:

containeranimate({

scrollTop: scrollTooffset()top - containeroffset()top + containerscrollTop()

})

var container = $('div'),

scrollTo = $('#row_8');

containerscrollTop(

scrollTooffset()top - containeroffset()top + containerscrollTop()

);

// Or you can animate the scrolling:

containeranimate({

scrollTop: scrollTooffset()top - containeroffset()top + containerscrollTop()

});

不需要任何JQuery插件即可完成所需的效果,非常好用!

第一、先要把这个div的定位设为 relative 或者 absolute,比如:

<div id="d1" style="margin-top: 3;margin-left: -5;width: 470;height: 25;position:relative" ></div>

第二、离浏览器头部的位置top值: documentgetElementById('d1')offsetTop+documentbodyscrollTop

left值:documentgetElementById('d1')offsetLeft;

div里可以定光标吗?

下面两个方法可以获取鼠标在div 的位置坐标,希望你可以用得上

function getX(obj) {

var parObj = obj;

var left = objoffsetLeft;

while (parObj = parObjoffsetParent) {

left += parObjoffsetLeft;

}

return left;

}

function getY(obj) {

var parObj = obj;

var top = objoffsetTop;

while (parObj = parObjoffsetParent) {

top += parObjoffsetTop;

}

return top;

}

首先要实现输入内容不同颜色是可以实现的,比如使用一个可编辑iframe就可以了,textarea是不行的。

至于功能的实现,我觉得不需要获取结束位置。

首先检测鼠标事件,如果有点击编辑区的某个位置,你就获取当前鼠标的落点,然后用innerHTML加入一对标签,<span class="color:#XXXXXX"></span>,所有输入内容都在这个span中间。效果就是输入的所有文字都变色。

不知道楼主明白没?

以上就是关于jquery怎么取到当前div中滚动条的位置全部的内容,包括:jquery怎么取到当前div中滚动条的位置、js获取某个div离浏览器头部的位置、在contenteditable的div中怎样获取光标距离页面顶端的偏移量和当前光标的位置等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9523814.html

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

发表评论

登录后才能评论

评论列表(0条)

保存