各位大大好:
想請問modal跳出來後，想要可以填表單跟滾輪固定(桌機跟手機的背景都可以固定與填表單)，請問要怎麼處理呢?
http://www.ee.nsysu.edu.tw/key/c2.html
因為我有加以下語法，所以當超過一個頁面後，會跑出scroll出來，但點modal就無法填資料(桌機的滾輪可固定背景不會換)，若沒超過一個頁面scroll不會出來，點modal就可以填資料(但滾輪不會固定，背景會一直換)。

謝謝!

scrollOverflow:true,
css3:false,
	          	

網頁語法如下

<div id="dowebok">
<div class="section">

<button class="change" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">modal</button><br>
<p></p>	     


<div class="modal fade " id="exampleModal"  role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">  
  <div class="modal-dialog" role="document">
    <div class="modal-content">
        
        
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">New message</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      
      <div class="modal-body">
             <div class="form-row">
          
          <div class="form-group col-md-6 " >
            <label for="recipient-name" class="col-form-label" >姓名:</label>
            <input type="text" class="form-control" id="name">
          </div>
         
         
        </div>
        
             <div class="form-row">
          
          <div class="form-group col-md-6 "  >
            <label for="recipient-name" class="col-form-label" >分機/電話:</label>
            <input type="text" class="form-control" id="phone">
          </div>
  
        </div>
          
         <div class="form-group">
            <label for="message-text" class="col-form-label" >事由:</label>
            <textarea class="form-control" id="thing"></textarea>
          </div>
      
        
         
      <div class="form-row">
      
        <div class="input-group clockpicker" style="width: 50%; float:left;" >
        <label for="message-text" class="col-form-label" >開始時間:</label>
        <input type="text" class="form-control" value="08:00" id="timest" data-toggle="popover" data-placement="top" title="注意!" data-content="開始時間不能大於結束時間" data-trigger="focus"   onchange="timeprefer()">
        <span class="input-group-addon">
        <span class="glyphicon glyphicon-time"></span>
        </span>
        </div>
        
        <div class="input-group clockpicker1" style="width: 50%; float:right;" >
        <label for="message-text" class="col-form-label" >結束時間:</label>
        <input type="text" class="form-control" value="09:00" id="timeov" data-toggle="popover" data-placement="top" title="注意!" data-content="結束時間不能小於開始時間" data-trigger="focus" onchange="timeprefer()">
        <span class="input-group-addon">
        <span class="glyphicon glyphicon-time"></span>
        </span>
        </div>
        </div>      
      </div>
                       
     
      <div class="modal-footer">
       
              
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" id="send" class="btn btn-primary" onclick="myFunction()">Send message</button>
        
      </div>
    
    </div>
  </div>
</div>

	</div>
	<div class="section">
		<h3>第二屏</h3>
		<p>请查看右边的圆圈</p>
	</div>
	<div class="section">
		<h3>第三屏</h3>
		<p>圆圈还可以设置位置，颜色，加上 tip，点击可以控制</p>
	</div>
	<div class="section">
		<h3>第四屏</h3>
		<p>这是最后一屏</p>
	</div>
</div>

<script type="text/javascript">

function timeprefer(){

var timest=$("#timest").val();
var timeov=$("#timeov").val();

if(timeov<=timest && timeov!="00:00"){
	
	
$(function () {
  $('[data-toggle="popover"]').popover('show')
});

$("#timeov").addClass("is-invalid");
$("#timest").addClass("is-invalid");
document.getElementById("send").disabled=true;

}
else{

$("#timeov").removeClass("is-invalid");
$("#timest").removeClass("is-invalid");
document.getElementById("send").disabled=false;
$(function () {
  $('[data-toggle="popover"]').popover('hide')
});

}


}

$('.clockpicker').clockpicker(

{placement:  'bottom'}

);


$('.clockpicker1').clockpicker(

{placement: 'bottom'}


);

$(function(){
	$('#dowebok').fullpage({
		sectionsColor: ['#FFFFFF', '#4BBFC3', '#7BAABE', '#f90'],
		navigation: true,
		scrollOverflow:true,
	        css3:false,
	          	
	});
	
	
	
});


</script>