tnjk.net
当前位置:首页 >> 一个Div 在页面的中间显示,当滑动滚动条的时候,D... >>

一个Div 在页面的中间显示,当滑动滚动条的时候,D...

test body{ height:4000px; } #test{ background-color:#ccc; width:50px; height:50px; position:fixed; left:50%; top:50%; }

代码详情如下,直接使用即可! .content1{overflow: hidden;overflow-y:scroll;SCROLLBAR-FACE-COLOR:#205e17;SCROLLBAR-SHADOW-COLOR:#86ff92;SCROLLBAR-SHADOW-COLOR:#86ff92;SCROLLBAR-3DLIGHT-COLOR:#205e17;SCROLLBAR-TRACK-COLOR:#205e17;...

加载jquery插件 ebooking_fs这个换成要浮动的div的id //search-box 随屏幕滚动 var _box_y = $("#ebooking_fs").offset().top; var _box_x = $("#ebooking_fs").offset().left; $(window).scroll(function(){ if($(window).scrollTop() > _box_y...

代码: •$(function(){ •//获取要定位元素距离浏览器顶部的距离 •var navH = $(".nav").offset().top; •//滚动条事件 •$(window).scroll(function(){ •//获取滚动条的滑动距离 •var scroH = $(this)....

额 中间的定位?

用js或者jquery比较好实现。 但你要知道,滚动到哪个特定位置,例如滚动到一个标题h3那显示这个div,那么可以用jquery算这个h3距离网页顶部的距离:$("h3").offset().top,这个值有了后,还要算滚动条的距离$(this).scrollTop()。第一个值是不会...

单凭DIV+CSS恐怕不行,你要是会JQ可以这么干: //jq部分$(document).scroll(function(e) {if($(document).scrollTop()!=0){$("#test2").stop(); $("#test2").animate({"top":"0"});}else{$("#test2").stop();$("#test2").animate({"top":"20px"}...

你可以看看这个效果 http://www.5icool.org/a/201308/1003.html

jquary-ui中有一款滚动条插件 jquaryui.com 这是网址,全英文的,不过你应该看得懂

position:fixed;left:0px;bottom:0px;z-index:1000;overflow:visible;b_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); 把这个放到样式里面就行了!!

网站首页 | 网站地图
All rights reserved Powered by www.tnjk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com