TreeView 滾動條 子節點定位 頁面回發重新整理後,滾動條自動定位到被選擇節點出,javascript庫jQuery實現 相容伺服器端控制元件
阿新 • • 發佈:2019-01-22
例程3:(<div>滾動條定位的實現)
<script type="text/javascript">
$(function () {
$("#ctl00_MainContent_TreeView1").find("a").click(function () {
$(".classScroll").val($(".treepanel").scrollTop());
});
if ($(".classScroll").val() != "0") {
$(".treepanel").scrollTop($(".classScroll").val());
}
});
</script>
<div class="treepanel" style="width: 269px; height: 293px; overflow-y:auto;">
<asp:TreeView ID="TreeView1" runat="server" Height="279px" Width="266px"
onselectednodechanged="TreeView1_SelectedNodeChanged1"
ClientIDMode="AutoID">
<SelectedNodeStyle BackColor="#999966" />
</asp:TreeView>
</div>
<script type="text/javascript">
$(function () {
$("#ctl00_MainContent_TreeView1").find("a").click(function () {
$(".classScroll").val($(".treepanel").scrollTop());
});
if ($(".classScroll").val() != "0") {
$(".treepanel").scrollTop($(".classScroll").val());
}
});
</script>
<div class="treepanel" style="width: 269px; height: 293px; overflow-y:auto;">
<asp:TreeView ID="TreeView1" runat="server" Height="279px" Width="266px"
onselectednodechanged="TreeView1_SelectedNodeChanged1"
ClientIDMode="AutoID">
<SelectedNodeStyle BackColor="#999966" />
</asp:TreeView>
</div>