Question

我正在使用Bootstrap v3作为div，一旦从当前位置滚动，我想让它变为“粘性”，无论是向左移动还是向左移动。

$(".replySubmit").click(function(event){
    event.preventDefault(); //prevent action from button
    $.ajax({
        type: "POST", // POST type
        url: "response.php", //call ajax on page
        dataType: "text", //type of data html/ajax/jason ...
        data: $(this).serialize(), //Form variables intups
        success:function(response){
            $(".respondsReply").append(response);
            $(".replyText").val(''); //empty text field on successful
        },
        error:function (xhr, ajaxOptions, thrownError){
            alert(thrownError);
        }
    });
});

Answer 1

您需要使用CSS属性position: fixed;

看一下这个例子：jsFiddle。

Answer 2

听起来您希望将div放置在页面中的某个位置，当页面滚动时，div将粘贴到顶部。如果这是正确的，那么您可以使用此... affix。

Here is a Fiddle with it doing this with a sticky div.

试试这个并使用你在这里编码的内容。

<script>
$('.stick-top').affix({
  offset: {top: 50}
});
</script>

使用Bootstrap使div粘滞

2 个答案: