小编Eri*_*her的帖子

单击时平滑滚动到特定div

我正在尝试做的是,如果你点击一个按钮,它会向下滚动(平滑)到页面上的特定div.

我在这里开始了一个JSFiddle:http://jsfiddle.net/ryXFt/2/

我需要的是,如果你点击按钮,它会平滑滚动到div'second'.

HTML:

.first {
    width: 100%;
    height: 1000px;
    background: #ccc;
}

.second {
    width: 100%;
    height: 1000px;
    background: #999;
}
Run Code Online (Sandbox Code Playgroud)

CSS:

<div class="first"><button type="button">Click Me!</button></div>
<div class="second">Hi</div>
Run Code Online (Sandbox Code Playgroud)

请帮忙.

javascript jquery

74
推荐指数
6
解决办法
31万
查看次数

整页背景图像与垂直滚动

我正在尝试创建一个页面,其背景图像响应浏览器的屏幕大小.但是,我需要该图像下的内容,以便如果该人向下滚动,则背景图像结束.

这很难解释,所以我试图创建一个图像,使其更清晰:

http://i.imgur.com/Z1mSMVi.png

html css html5 css3 twitter-bootstrap

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

JavaScript:点击时展开区域

我正在尝试做的是,当用户点击textarea时,它会扩展div以显示"发布"按钮.

这是我的意思的图片: 在此输入图像描述

因此,当用户点击文本框区域时,我需要展开背景div并显示"发布"按钮.

这是我开始的JSFiddle:http://jsfiddle.net/MgcDU/6018/

HTML:

<div class="container">
<div class="well">
    <textarea style="width:462px" placeholder="Comment..."></textarea>
    <button class="btn btn-primary" type="button">Post</button>

    <div class="clearfix"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

textarea {
  margin-bottom: 0;
}

.btn {
  float: right;
  margin-top: 12px;
}

.container {
  margin:20px 0 0 20px;
}

.well {
  width: 476px;
  padding: 12px;
}
Run Code Online (Sandbox Code Playgroud)

我没有JavaScript经验,但我认为这是一个足够简单的项目,在完成后可以了解基础知识.

javascript css jquery twitter-bootstrap

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

标签 统计

css ×2

javascript ×2

jquery ×2

twitter-bootstrap ×2

css3 ×1

html ×1

html5 ×1