0

我有一个 javascript，它找到一个元素（面板），获取它的位置，并将页面滚动到该位置。javascript函数在按钮点击时被调用。当面板为 Visible=true 时，一切正常；但是在页面加载时，面板必须对用户不可见。当面板为 Visible = false 时，javascript 函数不起作用，因为该面板在页面上不存在。当面板为 style="display:none" 时，它存在，对用户不可见，但它的位置不是它的真实位置。当面板为 style="visibility:hidden" 时，面板存在，在真实位置，但是页面上有很大的空白区域，面板被隐藏。

如何在页面上没有空白区域的情况下使面板对用户不可见，并获得其在页面上的真实位置？

编辑：我的解决方案 + 代码 -

好吧，我让它工作了，但必须有更好的解决方案。这是代码

<script type="text/javascript">
        function elementPosition(obj) {            
            var curleft = 0, curtop = 0;
            if (obj.offsetParent) {
                curleft = obj.offsetLeft;
                curtop = obj.offsetTop;

                while (obj = obj.offsetParent) {
                    curleft += obj.offsetLeft;
                    curtop += obj.offsetTop;
                }
            }
            return { x: curleft, y: curtop };
        }

        function ScrollToControl(id) {
            jid = id;
            var elem = document.getElementById(jid);
//here I set the display = 'block', and I also set this in button_click event
//when I didn't set it also in button_click event, I get the right panel position
//but the panel remains invisible
            elem.style.display= 'block'; 
            var scrollPos = elementPosition(elem).y;
            window.scroll(0, scrollPos);
            }
           </script>

页面上的按钮：

<asp:Button ID="btnClientDossiers_EMAIL" runat="server" CssClass="button" Enabled="False"
                            Text="EMAIL" OnClick="btnClientDossiers_EMAIL_Click" />

代码隐藏

 Page_Load
    {
 //how can I dynamically get the ctl00_ContentPlaceHolder?
// Or will the client name of plEMAIL always start with ctl00_ContentPlaceHolder?
    btnClientDossiers_EMAIL.Attributes.Add("onclick", " return 
    ScrollToControl('ctl00_ContentPlaceHolder_plEMAIL');");
    }

    protected void btnClientDossiers_EMAIL_Click(object sender, EventArgs e)
            {
                plEMAIL.Attributes.Add("style", "display:block");
            }
4

1 回答 1

0

请发布您的代码，以便我们为您提供更有帮助的答案，但我将建议一种您可能能够实现您所追求的方法。尝试在 div(s) 设置为 的情况下加载页面style="visibility:hidden;"，然后将它们的垂直位置放入全局变量或元素的数据属性中，然后立即将 div 的样式设置为style="display:none;"。

然后，您应该能够在滚动功能中使用这些位置值。

于 2012-08-06T10:25:39.660 回答