定位DIV滚动条

最新推荐文章于 2021-10-22 09:00:48 发布
最新推荐文章于 2021-10-22 09:00:48 发布
阅读量166 收藏
点赞数
文章标签： javascript ViewUI
如果由于table中有一个下拉框，还有一个treeview时，treeview的所有节点都是取于下拉框的下拉选项来的，所以在第一定位这之后，当选择其他下拉框中其他的选项时，DIV的scrollTop值是会一直保存前一个步聚DIV滚动条所在的位置的 <body style="background: #EFF9FA" οnscrοll="onscrollform();" οnlοad="formOnload();"
    scroll="no" οndblclick="javascript:document.Form1.submit();">

    <script type="text/javascript" language="javascript">
    <!--
        function scrollDiv()
        {
            document.all.pos.value = document.all.onlinediv.scrollTop; 
            //onlinediv是一个div
        }
        function formOnload()
        {
            OnloadForScroll();
        }
        function OnloadForScroll()
        {
            var spos = document.all["pos"].value;
            if(! spos)spos=0; 
            document.all.onlinediv.scrollTop=spos;
        }       
        -->
    </script>

 <form id="Form1" method="post" runat="server">
//
<asp:textbox id="pos" style="DISPLAY: none" Runat="server"></asp:textbox>
<table>
    <tr>
        <td>
            <div id="onlinediv" οnscrοll="scrollDiv();" style="overflow: auto; height: 169px;width: 280px"> 
                    //ADD (treeview,word,more ....)
            </div>
        </td>
    </tr>
</table>
</form>

*οndblclick="javascript:document.Form1.submit();"---自定义双击事件

*让满屏后，滚动条就处在下面
<script language="javascript">
function test()
{
window.scroll(0,document.body.scrollHeight)
}
</script>

<body οnlοad="test()">
</body>

weixin_34242658
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery实现将div中滚动条滚动到指定位置的方法
10-21
主要介绍了jQuery实现将div中滚动条滚动到指定位置的方法,涉及jQuery结合animate方法动态操作页面元素属性的相关技巧,需要的朋友可以参考下
通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
10-25
本文为大家介绍下将DIV的滚动条滚动到其子元素所在的位置，方便自动定位,需要的朋友可以参考下
Div滚动条定位设置
laizhixue的博客
08-17 1万+
1.div &lt;div id="DataDiv" style="overflow-x: hidden;overflow-y: scroll;max-height:500px;"&gt; //数据 &lt;/div&gt; 2.通过JS去设置Div滚动条的位置 document.getElementById('DataDiv').scrollTop //Div滚动条的垂直位置设置属性 ...
打开页面div滚动条定位（别用锚点）
weixin_33807284的博客
11-08 467
打开页面div滚动条定位（别用锚点） 来啦！客官久等了！！！！！ 上代码： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 <!DOCTYPEhtml> <html...
Jquery 滚动效果实现
流年轻逝
06-07 753
今天分享一个很实用的Jquery的滚动效果的代码，能够使用动画的和非动画，见代码： function scrollToLocation() { var messageList = $('#messageList'),//先获取到需要滚动的DIV scrollToContainer = messageList.find('li:last');//滚动到中类名为son-pan
div的滚动条如何实现
12-13
在这种情况下，可能需要将 `div` 的定位设置为 `relative`，以便滚动条不会影响到其他元素的布局。如下所示： ```css <div style="position: relative; overflow: auto;"></div> ``` 需要注意的是，为了使滚动条...
给DIV添加滚动条的实现代码
09-25
DIV 滚动条实现代码详解 在 HTML 中，我们经常需要为 DIV 添加滚动条，以便在页面空间有限的情况下显示大量内容。今天，我们将探讨如何为 DIV 添加滚动条，并了解相关的 CSS 属性和值。 基本实现 要为 DIV 添加...
jQuery实现定位滚动条位置
01-19
jQuery实现滚动条滚动到子元素位置（方便定位） 关键代码如下所示： <div class=of-y id=nurse> 　 <tr id=tr-one></tr> <tr id=tr-two></tr> <tr id=tr-three></tr> <tr id=tr-four></tr> </div> jQuery: $(#...
rf中对于有滚动条的页面中元素的处理
蟋蟀的博客
08-01 5223
方法1、定位元素的时候，只要元素在此页面上，即使元素在有滚动条的页面部分rf也能定位到，但是如果要操作元素则需要先使用Focus关键字，然后再进行操作 方法2、可以通过 Execute Javascript     js="var q=document.documentElement.scrollTop=10000" 方法将滚动条移动到页面底部，js="var q=document.docume
js定位div滚动条位置
weixin_43883468的博客
09-18 2815
js定位div滚动条位置 如图： 1.找到需要定位元素的位置，已Y轴为例，使用offsetTop找到距离父元素顶部的距离。 2.使用scrollTop属性使其父元素滚动到相应的位置，看下列代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function dw(){ let [parentDoc,childDoc]= [document.querySele
div中打开滚动条与设置滚动条位置
暄妍丶的博客
10-22 7714
div中打开滚动条与设置滚动条位置一、给div设置滚动条二、设置滚动条的位置通过锚点跳转设置scrollTop的值 当我们给div设置固定的高度或宽度的时候,超出的内容默认是不显示的.但是我们有将他们显示出来的需求,比如自己做一个,这时候我们就需要给div加上滚动条了 一、给div设置滚动条 我们只需要这么一行css代码 overflow: scroll; 如果我们只想添加高度滚动条,我们可以使用下面的语句 /*设置纵向滚动栏*/ overflow-x: scroll; /*设置横向滚动栏*/ overf
DIV滚动条自动定位问题
11-08 602
定位到div滚动条的最底端 function ScrollDiv() { var ex = document.getElementById("calm"); ex.scrollTop = ex.scrollHeight; } 关于如何给div设置滚动条详见 http://blog.csdn.net/zhoulianglg/article/details/69...
Div 滚动条滚动到指定的位置
《春馨梦》的专栏
12-19 9764
控制DIV滚动滚动条条滚动到指定的位置
如何快速找到页面中哪个元素产生的滚动?
weixin_44134588的博客
10-21 786
将以下代码粘贴到浏览器console中按回车,然后产生滚动即可 function findScroller(element) { element.onscroll = function() { console.log(element)} Array.from(element.children).forEach(findScroller); } findScroller(document.body); ...
div内的scroll局部滚动
热门推荐
听闻青春丶
10-15 2万+
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;style&gt; *{ padding: 0;
js控制div内的滚动条的位置
weixin_34149796的博客
07-24 1455
通过div的scrollTop变动控制垂直滚动条位置。 通过div的scrollLeft变动控制水平滚动条位置。 示例： &lt;body&gt; //d1是外层div，带滚动条 &lt;div id='d1' style='height:200px;width:100px;overflow:auto;background:blue;'&gt; &lt;div style='h...
vue滚动条定位到最后
最新发布
07-28
在Vue中，可以使用`ref`来获取滚动条的DOM元素，并使用`scrollTop`属性将滚动条定位到最底部。 首先，在模板中给滚动条容器添加一个`ref`属性，例如： ```html <div ref="scrollContainer" class="scroll-container"> <!-- 滚动内容 --> </div> ``` 然后，在Vue的方法中，可以使用`this.$refs`来访问DOM元素，将滚动条定位到最底部： ```javascript methods: { scrollToBottom() { const scrollContainer = this.$refs.scrollContainer; scrollContainer.scrollTop = scrollContainer.scrollHeight; } } ``` 最后，可以在需要滚动到最底部的时候调用`scrollToBottom`方法： ```javascript mounted() { // 页面加载完成后滚动到底部 this.scrollToBottom(); }, // 或者在数据更新后滚动到底部 watch: { // 监听数据变化 yourData: { deep: true, handler() { this.$nextTick(() => { this.scrollToBottom(); }); } } } ``` 这样，每当需要滚动条定位到最后时，使用`this.scrollToBottom()`方法即可。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值