2017-01-07 24 views
1

ここで解決策を試してもうまくいきません。Android WebView - モーダルはスクロールし続けます

Prevent BODY from scrolling when a modal is opened

モーダルはここにある:あなたが見ることができるように

<style> 
    /* The Modal (background) */ 
    .modal { 
     display: none; /* Hidden by default */ 
     position: fixed; /* Stay in place */ 
     z-index: 9999; /* Sit on top */ 
     left: 0px; 
     top: 0px; 
     width: 100%; /* Full width */ 
     height: 100%; /* Full height */ 
     overflow: auto; /* Enable scroll if needed */ 
     background-color: rgb(0,0,0); /* Fallback color */ 
     background-color: rgba(0,0,0,0.6); /* Black w/ opacity */ 
    } 

    /* Do not remove - Prevents android from jumping to top */ 
    body.modal-open { 
     overflow: visible; 
     position: fixed; 
     width: 100%; 
     height:100%; 
    } 

    /* Modal Content/Box */ 
    .modal-content { 
     background-color: #fefefe; 
     margin: 30% auto; /* 30% from the top and centered */ 
     padding: 0px; 
     overflow-y:auto; 
     border-radius: 10px; 
     border: 0px; 
     max-height:70%; 
     width: 80%; /* Could be more or less, depending on screen size */ 
    } 

    /* Modal Content/Box */ 
    .modal-image-content { 
     z-index: 99999; /* Sit on top */ 
     padding: 0px; 
     margin: auto; /*centered */ 
     border: 0px; 
     max-height:100%; 
     max-width:100%; 
    } 

    /* Links inside the dropdown */ 
    .modal-content a { 
     color: black; 
     padding: 10px; 
     text-decoration: none; 
     display: block; 
    } 

    /* Links inside the dropdown */ 
    .modal-content a:hover{ 
     background-color: #dddddd; 
    } 

    /* The Close Button */ 
    .close { 
     color: #aaa; 
     float: right; 
     font-size: 28px; 
     font-weight: bold; 
    } 

    .close:hover, 
    .close:focus { 
     color: black; 
     text-decoration: none; 
     cursor: pointer; 
    } 
</style> 

body.modal-openものを溶液から取られましたが、それは動作しません。

もう一度、画面を上にスクロールさせるモーダル停止を行う方法はありますか?

答えて

1

私のGoogle-fuのスキルはそれを解決しました。 <a href="javascript: void(0);" ...

変更 <a href="#" ...

関連する問題