怎样使水平滚动条整体位置css 固定高度 滚动条,而不是随页面上下滚动

让一个 div(有背景图片) 在页面里面固定,位置需要水平和垂直居中,且不随页面的滚动而滚动
以下是程序代码&!DOCTYPE HTML&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8&&
&title&test&/title&
&style type=&text/css&&
width: 540
height: 258
background: url(/img/bdlogo.png) no-
&div class=&logo&& &/div&
111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&111&br/&
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
( 16:18:44)
( 00:35:44)
( 11:57:32)
( 17:18:22)
( 16:38:29)
( 16:36:51)
( 16:31:11)
( 14:23:40)
相关排行总榜&>&如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
上传大小:38KB
如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
综合评分:3.6(29位用户评分)
所需积分:
下载个数:135
{%username%}回复{%com_username%}{%time%}\
/*点击出现回复框*/
$(".respond_btn").on("click", function (e) {
$(this).parents(".rightLi").children(".respond_box").show();
e.stopPropagation();
$(".cancel_res").on("click", function (e) {
$(this).parents(".res_b").siblings(".res_area").val("");
$(this).parents(".respond_box").hide();
e.stopPropagation();
/*删除评论*/
$(".del_comment_c").on("click", function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_invalid/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parents(".conLi").remove();
alert(data.msg);
$(".res_btn").click(function (e) {
var q = $("#form1").serializeArray();
console.log(q);
var res_area_r = $.trim($(".res_area_r").val());
if (res_area_r == '') {
$(".res_text").css({color: "red"});
$.post("/index.php/comment/do_comment_reply/", q,
function (data) {
if (data.succ == 1) {
var $target,
evt = e || window.
$target = $(evt.target || evt.srcElement);
var $dd = $target.parents('dd');
var $wrapReply = $dd.find('.respond_box');
console.log($wrapReply);
var mess = $(".res_area_r").val();
var str = str.replace(/{%header%}/g, data.header)
.replace(/{%href%}/g, 'http://' + window.location.host + '/user/' + data.username)
.replace(/{%username%}/g, data.username)
.replace(/{%com_username%}/g, _username)
.replace(/{%time%}/g, data.time)
.replace(/{%id%}/g, data.id)
.replace(/{%mess%}/g, mess);
$dd.after(str);
$(".respond_box").hide();
$(".res_area_r").val("");
$(".res_area").val("");
$wrapReply.hide();
alert(data.msg);
}, "json");
/*删除回复*/
$(".rightLi").on("click",'.del_comment_r', function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_comment_del/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parent().parent().parent().parent().parent().remove();
$(e.target).parents('.res_list').remove()
alert(data.msg);
//填充回复
function KeyP(v) {
$(".res_area_r").val($.trim($(".res_area").val()));
评论共有6条
垃圾 没啥鸟用
按文件操作,确实可以设置出来,只是也有浏览器版本的兼容性问题,IE7上可用
还不错,值得参考
还可以,可以参考
有价值,可以参考
还不错!对DIV掌握的还行的!
审核通过送C币
MATLAb Robotic Toolbox 合集
创建者:kroc_kroc
Genero Studio 2.40.11
创建者:herozzr
创建者:qq_
上传者其他资源上传者专辑
asp.net 北大青鸟视频1
水晶报表教程 chm
.net的好帮手
开发技术热门标签
VIP会员动态
前端开发重难点
17年软考最新真题及解析
物联网全栈开发专题
二十大技术领域优质资源
spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip
CSDN&VIP年卡&4000万程序员的必选
如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
会员到期时间:
剩余下载个数:
剩余C币:0
剩余积分:
积分不足!
资源所需积分
当前拥有积分
您可以选择
程序员的必选
绿色安全资源
资源所需积分
当前拥有积分
当前拥有C币
(仅够下载10个资源)
全站1200个资源免积分下载
资源所需积分
当前拥有积分
当前拥有C币
全站1200个资源免积分下载
资源所需积分
当前拥有积分
当前拥有C币
您的积分不足,将扣除 10 C币
全站1200个资源免积分下载
你当前的下载分为234。
你还不是VIP会员
开通VIP会员权限,免积分下载
你下载资源过于频繁,请输入验证码
你下载资源过于频繁,请输入验证码
您因违反CSDN下载频道规则而被锁定帐户,如有疑问,请联络:!
若举报审核通过,可奖励20下载分
被举报人:
举报的资源分:
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题,侵犯个人或公司的版权
*详细原因:
如何让DIV固定在页面的某个位置而不随着滚动条随意滚动今天看啥 热点:
让footer始终位于页面的最底部不随滚动而滚动,footer页面本节主要介绍了如何让footer始终位于页面的最底部不随滚动而滚动,此效果在网页中非常实用,建议大家好好学习哦
html代码: 代码如下: &div class="container"& &div cass="header"&&/div& &div class="body"&&/div& &div class="footer"&&/div& &/div& 第一种情况:footer随着滚动条的滚动而滚动 代码如下: .container{position:width:100%;min-height:100%;} .body{padding-bottom:50} .footer{height:50position:bottom:0left:0} 第二种情况:footer始终在其底部固定 代码如下: .container{position:width:100%;min-height:100%;} .body{padding-bottom:50} .footer{height:50position:bottom:0left:0} 注意: 1.千万不能设置.container的高度为100%,否则将无法随滚动条的滚动而滚动.
要看你想要让他怎么显示了下面这个代码应该可以帮到你&style&body{ margin:0; padding:0;}.header{ height:100 background:#}.main{ background:#f5f5f5;height:510 overflow:overflow-y:}.footer{ height:100 background:#}&/style&&div class=&header&&头部&/div&&div class=&main&&中间&br /&中间&br /&中间&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&&br /&中间信息&/div&&div class=&footer&&底部&/div&这样写的话中间溢出的话右侧就会自动出现下拉菜单了希望可以帮到你~~
在body的下一层用css固定一个div的位置就可以了,比如说&body&&div&&/div& // 这个div作为固定在一个浏览器的某一位置,用css控制&div class=&main&&页面布局&/div&&/body&
相关搜索:
相关阅读:
相关频道:
&&&&&&&&&&
CSS教程最近更新

我要回帖

更多关于 table滚动条 固定列 的文章

 

随机推荐