在頁面末尾打開對話框時啓動窗口滾動

我有一個寬度超過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

好，非常感謝 –

在頁面末尾打開對話框時啓動窗口滾動

回答

相關問題