Member 14370202 Ответов: 1

Как поддерживать полосу прокрутки в div содержит элемент управления treeview

Всем Привет,
У меня есть требование, основанное на загрузке документа word в div вместе с разделенной загрузкой (оглавление) в другом div. Здесь Оглавление привязывается к Treeview, затем мы нажимаем treeview node The div scroll top. Фактическое действие, которое я хочу, чтобы везде, где мы нажимаем узел treeview, прокрутка поддерживала там позицию.

пожалуйста помочь

Что я уже пробовал:

мой код: 
<div class="row">
        <div class="col-lg-3 sidenav">    
            <asp:linkbutton id="lbhome" visible="false" runat="server" text="Home" onclick="lbhome_Click">
           <asp:treeview id="TVcontents" runat="server" onselectednodechanged="TVcontents_SelectedNodeChanged" font-size="Small">
                         
           </div>
        <div class="col-lg-9 contentnav">          
             <asp:label id="marketname" runat="server" font-bold="true" font-size="XX-Large">
            <div id="pagecontent" class="pagestyle" style="height: 475px"></div>             
        </div>
    </div>

Я попробовал MaintainScrollPositionOnPostback=true,
Я пытался
$(функция () {
//восстановление положения прокрутки
$("#tvDiv").scrollTop($("#HiddenScrollTop").val());
$("#tvDiv").scrollLeft($("#Hiddenscrolleft").val());
})
$(функция () {
//сохранить положение прокрутки
$("#tvDiv").scroll(функция () {
$("#HiddenScrollLeft").val($(this).прокрутить());
$("#HiddenScrollTop").val($(this).scrollTop());
});
})

и так много но они не сработали

1 Ответов

Рейтинг:
2

Member 14370202 

var IsPostBack= '<%=IsPostBack.ToString() %>';
        window.onload = function () {
            debugger;
            var strCook = document.cookie;
            if(strCook.indexOf("!~")!=0){
                var intS = strCook.indexOf("!~");
                var intE = strCook.indexOf("~!");
                var strPos = strCook.substring(intS+2,intE);
                if (IsPostBack=='True')
                {
                    document.getElementById("<%=pnlTree.ClientID %>").scrollTop = strPos;
                }
                else
                {
                    document.cookie = "yPos=!~0~!";
                }
            }
        }
        function SetDivPosition(){
            var intY = document.getElementById("<%=pnlTree.ClientID %>").scrollTop;
            document.title = intY;
            document.cookie = "yPos=!~" + intY + "~!";
        }

<asp:panel id="pnlTree" runat="server" height="462px" width="307px" scrollbars="Auto" onscroll="SetDivPosition()">
            <asp:treeview id="TVcontents" runat="server" onselectednodechanged="TVcontents_SelectedNodeChanged" font-size="Small">
            </asp:treeview>         
            </asp:panel>