在页面末尾打开对话框时启动窗口滚动

我有一个宽度超过100％（2000px）的页面。当我点击从页面末尾的按钮（通过水平页面）显示对话框时，窗口滚动到页面的起始位置（通过水平页面）并显示对话框。在页面末尾打开对话框时启动窗口滚动

这是我的代码：codepen

$mdDialog.show(
     $mdDialog.alert() 
     .parent(angular.element(document.querySelector('#popupContainer'))) 
     .clickOutsideToClose(true) 
     .title('This is an alert title') 
     .textContent('You can specify some description text in here.') 
     .ariaLabel('Alert Dialog Demo') 
     .ok('Got it!') 
     .targetEvent(ev) 
    ); 
    };

我使用angularjs 1.5和最新角材料JS。

我该怎么让从按钮在页面结束对话框（通过水平页）和窗口不滚动到页面的开始？

来源

2016-11-24 John H

我在Chrome 54.0.2840.99上测试，它不滚动到页面的最左端。滚动条根本不滚动。什么网页浏览器和你使用的是哪个版本？ – attomos

我用图像更新了我的问题。谢谢。虽然它不会滚动到左侧，但它不显示在水平页面的当前位置。当我点击进入按钮时，显示在页面左侧。我希望它显示在页面的当前位置页面的末尾。 –

我找到了解决方法。检查this了。 – 2017-09-28 14:37:47

您可以添加以下CSS。

.md-dialog-container { 
    width: 2000px; 
} 

md-backdrop { 
    width: 2000px; 
} 

md-dialog { 
    position: absolute; 
    top: 25%; 
    right: 10%; 
}

它调整对话框容器和背景的宽度。
然后，按照你想要的方式定位对话框。

看到一个工作CodePen。

来源

2016-11-24 04:08:32 attomos

好，非常感谢 –

在页面末尾打开对话框时启动窗口滚动

回答

相关问题