0

在 salesforce 闪电组件中，我们有三个不同的 div，我们使用 display none css 属性根据需要隐藏和显示它们。拳头 div 有更多内容，我们必须滚动页面直到最后才能提交表单，提交时下一页是可见的，其中有几行内容，但我们必须向上滚动才能看到这些内容。有什么办法可以避免滚动。第二个 div 是第一个 div 的高度。

4

4 回答 4

1

你可以在你的doInit控制器方法中尝试这个： window.scroll(0, 0);

于 2017-05-24T08:01:22.457 回答
0

使用下面的代码。由于 Salesforce 闪电使用“转换”CSS 属性进行滚动。只需将 'scroller' 类应用到要放在顶部的 div 上。

var cssScrolltoTop = $(".scroller"); // css class to find scroll position
    if (cssScrolltoTop) {
        var cssScrolltoTopTransform = cssScrolltoTop.css("transform");
        if (cssScrolltoTopTransform) {
            cssScrolltoTop.css("transform", "translate3d(0px, 0px, 0px)"); //set 'transform' since lighntning architecture uses css 'transfrom' property to scroll 
        }
    }
于 2016-08-22T19:11:15.423 回答
0

我遇到了类似的问题，然后我们在控制器中使用此事件来调整 div 的大小：

$A.get("e.ui:updateSize").fire();

这后来被销售人员弃用，然后我们包装了正在扩展/折叠的 div：

<ui:scrollerWrapper >
// Add your <div>
</ui:scrollerWrapper>
于 2018-06-28T15:22:12.970 回答
0

要使 scrollTop = 0 工作，容器 div 必须有一个内部滚动。我们可以通过 px 或 vh 给出高度。

试试看它应该可以工作。在 Flexi Page 中添加 LWC 时，我遇到了类似的问题。Flexi 页面有自己的滚动条，但为此，scrollTop 不起作用。但是如果我们在顶层 div 创建一个单独的滚动条，那么 scrollTop 就会开始工作。

看一下这个。我已经创建了这个，它对我来说非常好用：https ://webcomponents.dev/edit/3vpWJ46hxykfPSACfuNN

于 2021-01-22T07:53:25.567 回答