小编neo*_*yte的帖子

当用户使用jQuery滚动浏览时,更改div css

当用户滚过div时,我需要将其css更改为position:fixed.就像这里所做的一样:http://imakewebthings.com/jquery-waypoints/shortcuts/sticky-elements/但只有普通的jquery,没有插件.
一旦用户滚动到另一个div,div也必须停止滚动.
例如:

<div id="stuff"></div>
<div id="this"></div>//must start scrolling with user when user reaches it.
<div id="footer"></div>// when #this reaches within say, 10px, of #footer it must stop in it's current position, in order to prevent overlap
Run Code Online (Sandbox Code Playgroud)

我假设我会用 .scroll().css(),但我不知道从哪里里去.

html css jquery scroll

3
推荐指数
1
解决办法
8727
查看次数

Ajax - 通过ajax将输入文件和附加变量发送到php文件

我试图发送input fileinput text通过Ajax.因为我将这个功能添加到我的现有函数中,这个函数有很多其他变量我不能简单地使用Form像这里使用的那样发送整个函数

使用Ajax以一种形式上传数据和文件?

这是它的基本要点

我的HTML

<input type='text' name='text' id='text'>
<input type='file' name='media' type="file" / id='media'>
<input type="button" value="Upload" name='submit'/>
Run Code Online (Sandbox Code Playgroud)

我的Ajax

$(":button").click(function(){
        var myFormData = new FormData();
        var media = document.getElementById('media');
        var variable = 'foo';
        myFormData.append('pictureFile', media.files[0]);
        var text = $("#text").val();
        $.ajax({ 
            type: 'POST',
            url: 'upload.php',
            data: 
            {
                pictureFile: myFormData,
                text: text,
                var: variable,
            },  
            cache: false,
            success: function (data) {
                alert(data);
            },
            processData: false,
            contentType: false, 
        });
}); 
Run Code Online (Sandbox Code Playgroud)

PHP

include_once ("connection.php");
if ($_SERVER['REQUEST_METHOD'] …
Run Code Online (Sandbox Code Playgroud)

javascript php ajax post

2
推荐指数
1
解决办法
8298
查看次数

Bootstrap 3 列响应式

我如何在 bootstrap 中实现这一目标?我有一个 3 列,并且希望在移动设备或桌面上保留 3 列。

<div class="container">
    <div>
        <h1>Example - 3 column div</h1>
        <div class="row">
          <div class="col-xs-6 col-sm-4">First</div>
          <div class="col-xs-6 col-sm-4">Second</div>
          <div class="col-xs-6 col-sm-4">Third</div>
        </div>
</div>
Run Code Online (Sandbox Code Playgroud)

在桌面上

First | Second | Third
Run Code Online (Sandbox Code Playgroud)

在手机上就变成这样

First | Second  
| Third
Run Code Online (Sandbox Code Playgroud)

我想在桌面和移动设备上实现这一目标

First | Second | Third
Run Code Online (Sandbox Code Playgroud)

这是小提琴 - > https://jsfiddle.net/y28ugzp6/

html css twitter-bootstrap

2
推荐指数
1
解决办法
2万
查看次数

如何增加导航栏的高度

我正在尝试对网页主要使用引导程序,并且我想增加导航栏的元素。有人建议我该怎么做吗?

    .navbar {
  min-height:100px;
}
Run Code Online (Sandbox Code Playgroud)

当我这样做时,可点击元素保持相同的大小。

有什么建议来扩展它吗?

感谢您的帮助

html css twitter-bootstrap twitter-bootstrap-3

1
推荐指数
1
解决办法
4981
查看次数