首页 > 代码库 > atitit.自适应设计悬浮图片的大小and 位置
atitit.自适应设计悬浮图片的大小and 位置
atitit.自适应设计悬浮图片的大小and 位置
#--------最好使用relate定位..
中间,图片的大小和位置走能相对table, 没有遮罩左的或者哈面儿文本的问题,要悬浮,使用top:-15 负值,,
#--------悬浮位置top的问题,因为相对高度..
子能使用js解决,计算top负值..
function iniBonusPicPostion() {
var mainmainxTop = $("#mainmainx").position().top;
var mainxHeight = $("#mainmainx").height();
var hamyarHit = 0.16 * mainxHeight;
logx("--mainmainxTop n hit:" + mainmainxTop + "--" + mainxHeight);
///hamyarHit 走十 relateion时候儿的负值..
//bonusPicTop 是绝对定位时候儿的top
var bonusPicTop = mainmainxTop + mainxHeight - hamyarHit;
logx("--bonusPicTop:" + bonusPicTop);
$("#bonuspic").css("top", bonusPicTop);
}
作者 老哇的爪子 Attilax 艾龙， EMAIL:1466519819@qq.com
转载请注明来源： http://blog.csdn.net/attilax
#-----使用绝对定位麻烦的多多...
a.遮罩左边文本的问题??
使用right:5% 解决,,不要使用left 55%的方式..jei个不太ok有时..
b.遮罩哈面儿文本的问题.
子能使用js 调整自动高度..自动缩写高度...
function iniBonusPicPositionNhit() {
//ini bonus pic height if too lower
var bonusPicTop = $("#bonuspic").position().top;
var bnsPicBtm = bonusPicTop + $("#bonuspic").height();
var btnDivO5_top = $("#btnDivO5").position().top;
if (bnsPicBtm <= $("#btnDivO5").position().top) {
logx("--bnsPicBtm no excel btm boder");
return;
}
var excelHit = bnsPicBtm - btnDivO5_top;
$("#bonuspic").height(btnDivO5_top - $("#bonuspic").position().top-2);
//if ($("#topDivO5").height() - 5 >= excelHit) {
//
// logx("--topDivO5 hit >> excelHit");
// var topDivO5_hit = $("#topDivO5").height();
// $("#topDivO5").height(topDivO5_hit - excelHit - 8);
// iniBonusPicPostion();
// return;
// }
// $("#topDivO5").height(5);
// iniBonusPicPostion();
}
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。