反馈表滑块

Question

我使用了一些代码用于向上滑动的反馈表单。它位于底部。 我想在底部修复它，就像我滚动页面一样，它会在那里修复。 我用过的代码：

分区代码：

<div class="feedback">
  <a id="feedback_button">Feedback</a>

  <div class="form">
  <h2>Please Send Us Your Feedback</h2>
    <span class="status"></span>
    <textarea id="feedback_text"></textarea>
    <input type="button" value="Send" id="submit_form" />
  </div>
</div>

CSS：

.feedback{
    position:absolute;
    left:0;
    bottom:0;
}
.feedback a {
    display:block;
    height:20px;
    width:100px;
    text-align:center;
    background:red;
    border:2px solid #fff;
    outline:1px solid #a1a1a1;  
    padding:5px;
    float:left;
    cursor:pointer;

    /*Font*/
    color:#FFF;
    font-weight:bold;
    font-size:18px;
}

.feedback .form{
    clear:both;
    height:300px;
    width:450px;
    border:1px solid #000;
    background:#fff;
    padding:15px;
    display: none;
}
.feedback .form textarea{
    height:170px;
    width:400px;
    padding:5px;
}
.feedback .status{
    font-size:16px;
}

jquery：

(function ($j) {

  feedback_button = {

    onReady: function () {      
      this.feedback_button_click();
      this.send_feedback();
    },

    feedback_button_click: function(){
        $("#feedback_button").click(function(){
            $('.form').slideToggle();           
        });
    },

    send_feedback: function(){
        $('#submit_form').click(function(){
            if($('#feedback_text').val() != ""){

                $('.status').text("");

                $.ajax({  
                    type: "POST",  
                    url: "./process_email.php",  
                    data: 'feedback=' + $('#feedback_text').val(),  
                    success: function(result,status) { 
                        //email sent successfully displays a success message
                        if(result == 'Message Sent'){
                            $('.status').text("Feedback Sent");
                        } else {
                            $('.status').text("Feedback Failed to Send");
                        }
                    },
                    error: function(result,status){
                        $('.status').text("Feedback Failed to Send");
                    }  
                });
            }
        });
    },


  };

  $j().ready(function () {
      feedback_button.onReady();
  });

})(jQuery); 

告诉我如何在底部修复它。

Answer 1

试试这个：

.feedback{
    position:fixed;
    //left:0;
    bottom:0%;
    z-index: 99;
}