jquery - 使用 jQuery 将高度设置为 iframe 后滚动问题

标签 jquery html css asp.net iframe

我正在使用 jqueryiframe 动态设置高度。它工作正常,但问题是,如果用户 clicks 链接以查看 DataList 下面的更多数据,那么它将高度完美地设置为 iframe但它会滚动到顶部。我想将 Scroll position 保持在 LinkBut​​tonClick 时的位置。我正在使用 c# LinkBut​​ton 但这并不重要。整个页面都在 iFrame 中,所以我只是根据 document 高度设置 iframe 高度。因此根据代码在 jquerypageLoad() 上调用 function

我的代码:

        function adjustHeight() {
            var iframe = jquery(window.top.document).find("#frameContent");
            iframe.height(0 +'px');

            var height = jquery(document).height() + 30;

            iframe.height(height +'px');
        }

        function pageLoad() {
            adjustHeight();
        }

怎么做?一切都在 c# 中。 DataListLinkBut​​ton 位于 UpdatePanel 内,我只是使用 jquery 设置高度。

HTML代码:DataList HTML with View More

最佳答案

经过多次尝试,我得到了解决方案。

这只是因为我在设置新高度之前将高度 0 设置为帧而导致问题。
简单地说,我删除了下面的行并且它起作用了。 :)

iframe.height(0 +'px');

关于jquery - 使用 jQuery 将高度设置为 iframe 后滚动问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27980763/

相关文章:

jquery - 垂直对齐多于一行的文本(菜单元素)?

javascript - 我想根据用户在文本框中输入的内容来过滤列表。我正在使用 angularJS。为什么代码不起作用?

html - 让li在整个ul navbar蔓延

css - Bootstrap 4 内容和导航侧边栏重叠问题

javascript - 用于在多个表单提交和页面更新中持续存在的用户可修改列表的网页设计模式?

javascript - .each 槽 html 里面的变量

javascript - jQuery 垂直导航菜单,主链接向左滑动

javascript - Bootstrap 4 默认选项卡 Pane 事件淡入淡出不起作用

javascript - Html + js +css 打包器

html - H2 标签宽度在 FF 和 IE9 中呈现不同