html的scroll
⑴ 在html的<style>中background-attachment:scroll;是什么效果,为什么没有显示
Background-attachment:设置背景图片是否随着文字移动而移动,还是固定在一个位置上。
scroll:背景图像是随对象内容滚动
fixed:背景图像固定
⑵ 如何监测html元素的scroll bottom事件
在做js返回顶部的效果时,要监听网页滚动条滚动事件,这个事件就是:window.onscroll。当onscroll事件发生时,用js获得页面的scrollTop值,判断scrollTop为一个设定值时,显示“返回面部”
js网页滚动条滚动事件
<style type="text/css">
#top_div{
position:fixed;
bottom:80px;
right:0;
display:none;
}
</style>
<script type="text/javascript">
window.onscroll = function(){
var t = document.documentElement.scrollTop || document.body.scrollTop;
var top_div = document.getElementById( "top_div" );
if( t >= 300 ) {
top_div.style.display = "inline";
} else {
top_div.style.display = "none";
}
}
</script>
<a name="top">顶部<a>
<div id="top_div"><a href="#top">返回顶部</a></div>
<br />
<br />
<div>
这里尽量多些<br />以便页面出现滚动条,限于篇幅本文此处略去
</div>
例子语法解释
在 style 标签中首先定义 top_div css 属性:position:fixed;display:none; 是关键
javascript 语句中,t 得到滚动条向下滚动的位置,|| 是为了更好兼容性考虑
当滚动超过 300 (像素)时,将 top_div css
display 属性设置为显示(inline),反之则隐藏(none)
必须设定 DOCTYPE 类型,在 IE 中才能利用 document.documentElement 来取得窗口的宽度及高度
⑶ html设置 overflow-x: scroll;属性后怎么让指定位置定位到中间
如果页面不够长(至少窗口长度两倍),那肯定滚动不到一半的位置。否则任何浏览器都不会产生误差。下面的例子输出 100 个 <p>,页面加载的时候会滚动到第 51 个 <p>。<script type="text/javascript">window.onload = function() { // 测试:100 个 <p> 足够使 scroll 长度大于 window 长度两倍 for(var i = 1; i <= 100; i++) { document.body.innerHTML += "<p>" + i + "</p>"; } document.documentElement.scrollTop = 0; !function scrollToMiddle() { var scroll_height = 20, body = document.body, html = document.documentElement, mid = parseInt(Math.max( body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight) / 2); var interval_scroll = setInterval(function() { if(html.scrollTop + scroll_height >= mid) { clearInterval(interval_scroll); html.scrollTop = mid; } else { html.scrollTop += scroll_height; } }, 10); }();};</script>
⑷ html中的scrolltop是什么意思
scrolltop是jQuery中的一个方法,它可以设置 <div> 元素中滚动条的垂直偏移量,基本的用法是:
scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。
scroll top offset 指的是滚动条相对于其顶部的偏移。
如果该方法未设置参数,则返回以像素计的相对滚动条顶部的偏移。
工具原料:jQuery、编辑器、浏览器
1、在一个有内容的div中是吸纳设置滚动条的偏移量和获取偏移量的值,代码如下:
<html>
<head>
<scripttype="text/javascript"src="/jquery/jquery.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("div").scrollTop(100);
});
$(".btn2").click(function(){
alert($("div").scrollTop()+"px");
});
});
</script>
</head>
<body>
<divstyle="border:1pxsolidblack;width:200px;height:200px;overflow:auto">
Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.
</div>
<buttonclass="btn1">把scrolltopoffset设置为100px</button>
<br/>
<buttonclass="btn2">获得scrolltopoffset</button>
</body>
</html>
2、运行的效果如下:
⑸ html 怎么去掉网页的滚动条
1、首先打开前端开发工具hbuilder,新建一个HTML代码页面,在html代码页面上创建一个父<div>和一个子<div>,同时给这两个div添加一个class分别为scroll-box、scroll。
⑹ html中滚动条怎么设置
html 元素高度设置成定高,
css 属性中的overflow设置成auto. 当元素内容溢出设定的高度时自动出现滚动条专.
css其他相关设定:
overflow-x 设置水属平滚动条
overflow-y 设置垂直滚动条
⑺ html 中scroll 有什么用
scroll是说滚动条长再0-21px范围内
⑻ html 中 scroll 与 altornate 的区别
其实 他们的作用 都差不多 关于 MARQUEE的 具体介绍 你可以去看看这个地址
http://www.haohaoxx8.com/html/html/marquee.html?jdfwkey=1zfuk2