css的scorll-behavior

2024-08-18

css3中的scroll-behavior属性

scroll-behavior属性当用户手动导航或者 CSSOM scrolling API 触发滚动操作时,CSS 属性 scroll-behavior 为一个滚动框指定滚动行为,当用户通过鼠标滑轮滚动或者手机触屏滚动,不受这个属性的影响.在根元素中指定这个属性时,它反而适用于视窗. scroll-behavior属性包括: smooth | auto; auto: 默认值,表示滚动框立即滚动到指定位置. smooth 表示允许滚动时采用平滑过渡,而不知直接滚动到相应位置,最常见的比如回到顶

CSS中behavior属性语法简介

本文和大家重点讨论一下CSS中behavior属性语法的使用,在进行CSS网页布局的时候,我们经遇到刷新要保留表单里内容的时候,习惯的做法使用cookie,但是那样做实在是很麻烦,CSS中的behavior就为我们很好的解决了这个问题. CSS属性behavior语法在进行CSS网页布局的时候,我们经遇到刷新要保留表单里内容的时候,习惯的做法使用cookie,但是那样做实在是很麻烦,css中的behavior就为我们很好的解决了这个问题.今天就向大家介绍CSS属性behavior的语法. be

behavior

http://www.css88.com/book/css/properties/only-ie/behavior.htm 语法: behavior:<url> | url(#objID) | url(#default#behaviorName) 适用于:所有元素继承性:无动画性:否计算值:指定值取值: <url>: 使用绝对或相对地址指定DHTML行为组件(.htc) url(#objID): 用二进制实现DHTML行为,#objID为object对象指定的id特性 ur

userData Behavior

https://msdn.microsoft.com/zh-cn/vstudio/ms531424 userData Behavior This topic documents a feature of Binary Behaviors, which are obsolete as of Internet Explorer 10. Enables the object to persist data in user data. Syntax XML <Prefix: CustomTag ID=s

整理前端css/js/jq常见问题及解决方法（1）

1. 兼容ie8圆角的解决方法:下载ie-css3.htc文件在css中加入behavior:url(ie-css3.htc);z-index:3; position:relative 即可 2. 去掉文本框的右下角:resize:none; 3. html5新属性:hidden 对于不支持html5的浏览器,加上*[hidden]{display:none;} 4. div><p>这只铅笔5元</p></div>outerHTML:包含整个标签,不仅限于标签内部

【黑马pink老师的H5/CSS课程】（一）基本介绍

视频P4~P6 黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动 1.网页 1.1 什么是网页网站是网页的集合,网页是构成网站的基本元素,常用html格式文件 1.2 什么是HTML HTML 是超文本标记语言(Hyper Text Markup Language),一种标记语言 (markup language),即一套标记标签(markup tag) 超文本的意思: 不限于文本内容,可以加入图片.声音.动画等内容使用超链接,从一个页面跳到另一个页面 1

IE6/7/8如何兼容CSS3属性

最近在工作中总是要求IE8兼容CSS3属性,在网上搜了搜主要是引入了一个htc文件(ie-css3.htc或者PIE.htc.个人认为这两个文件的作用差不多,具体差异值得探讨) 下载地址:https://github.com/Jesse121/HTML5-CSS3/tree/master/CSS3 支持的主要CSS3属性: 1.border-radius圆角 CSS代码如下: .pie_radius{ width:250px;height:250px;

【转载】IE6 PNG透明终极解决方案（打造W3Cfuns-IE6PNG最强帖）

原文地址:http://www.w3cfuns.com/thread-297-1-1.html 本文版权归W3Cfuns.com所有,转载需在文章页面明显位置以链接的方式给出原文链接,否则W3Cfuns.com将根据<中华人民共和国著作权法>向北京市人民法院提交相关材料,追究侵权责任. “珍惜生命,远离IE6”,IE6中的bug令很多Web前端开发人员实为头疼,因此不知道烧了多少脑细胞,在众多的Bug中最令人抓狂的就是IE对png图片的不支持,导致设计师和重构师放弃了很多很炫的效果,为了让大家

HTMLayout使用心得

1.关闭按钮采用CSS!提供的behavior实现窗口关闭功能,不需要在C++代码中处理关闭事件 div { behavior: sys-ctl; -sys-ctl-pos: close; } 2.文字点击展开和折叠功能点击某个文字,下面的子项展开,再次点击子项隐藏.使用click!来控制点击事件,需要将behavior定义为button 如果div canExpand的show为"true",则设置div list隐藏,反之则设置list显示 <html

Frontend Development

原文链接: https://github.com/dypsilon/frontend-dev-bookmarks Frontend Development Looking for something else? Take a look at the awesome collection of other awesome lists. Guides Bento: a collection of guides for web development. Hack Design: An easy to

转:让ie6-8支持部分css3样式的方案

我们都知道,IE浏览器暂不支持CSS3的一些属性.国外的工程师们,不安于此现状,他们总是尽量使用一些手段使IE浏览器也能支持CSS3属性,我觉得这些都是很有意义,很有价值的工作,可以推动整个技术领域的进步的.到目前为止,有不少可以让IE支持部分CSS3属性的工具.例如: 1. Dean Edwards的IE7.js (以及 IE8.js, IE9.js) 这个玩意估计是试图让IE支持CSS3属性的鼻祖,还算蛮强大,就是性能开销较大,要解析很多文件脚本,给DOM添加大量的元素以及ClassName

IE支持CSS3圆角

在CSS中使用CSS插件文件即可让IE6/IE7/IE8浏览器. 具体CSS代码: .yuan { border: 2px solid #C0C0C0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position:relative; padding:5px; background:#FFF; ; width:330px; height:200px; behavior: url(iecss

【IE6的疯狂之二】IE6中PNG Alpha透明(全集)

ie7,fireofx,opera,及至webkit内核的chrome ,safari….. 这些浏览器均支持png的Alpha透明. 很多人说IE6不支持PNG透明,其实IE支持100%透明的PNG,疯狂的IE6只是不支持png的Alpha透明. 这个BUG给我们带来了很大的困扰. 但是这仍然存在很多问题,比如半透明的PNG背景图片. Gulu77整理了4种IE6中PNG Alpha透明的方法: 测试实例:http://www.css88.com/demo/IE6_bug/IE6_bug_2/

使用PIE对IE进行CSS3兼容介绍和经验总结

国外团队开发的兼容插件,去年做项目时才发现,非常强大主角:PIE.js , PIE.htc 两种方法可以实现官方网站:http://css3pie.com/ 演示地址:http://css3pie.com/demos/gradient-patterns/ 重要功能实现: 可以使 IE6.7.8 .9 实现类似 chrome 和 firefox 1. 更自然逼真的阴影效果,不再是以前那种丑陋的滤镜效果. 2. 实现很自然的圆角效果 3. 实现部分 CSS3 的强悍效果,如多背景图,borde

解决浏览器不支持HTML5和CSS3

Modernizr插件可用于解决:<响应式web设计>提及! 其他: 第一种方法:IE9以下版本的IE将创建HTML5标签, 非IE浏览器会忽略这段代码,因此不会发生http请求,也就不影响网页执行效率. <!--[if lt IE9]> <script> (function() { if (! /*@cc_on!@*/ 0) return; var e = "abbr, article, aside, audio, canvas, datalist, det

【Bootstrap】优秀小插件收集

Bootstrap中不乏很多优秀的小插件来让界面更加漂亮.比如之前做过笔记的bootstrap-fileinput,select2,datetimepicker等都是属于这一系列的.这些相对而言比较大一点.其他还有一些比较轻比较小的插件,也很好,特此开篇来记录一下. 由于是基于bootstrap的插件,所以基本上所有插件都是需要bootstrap和jquery相关文件的.也就是说下面的说明中我们默认页面上已经有了: <link href="/static/css/bootstrap.min

让 IE支持圆角的方法

1.在你的网页加载 PIE.js 脚本. 注意,用IE专用的注释,防止非IE浏览器下载. 2.用js 调用:$(function() { if (window.PIE) { $('.rounded').each(function() {

IE去掉链接虚线框的几个方法

虚线框简直就是个多余的东西,上一篇教大家怎么去除Firefox中链接和按钮虚线框,今天叫大家去掉去除IE中链接的虚线框.方法一:利用javascript的onfocus事件,实现如下:Html代码 <a href="http://www.hujuntao.com/" onfocus="this.blur();">设计蜂巢</a> 如果引入了jQuery框架则可以利用它的事件绑定机制: Js代码 $('a').bind('focus', fun

关于ie6下png背景透明

今天我突破了一个技术难关,真的是头都大了.. 关于ie6下png背景透明的解决方法,我就不多说了,网上有很多解决方法,我用的是其中的一种: <script type="text/javascript" src="js/iepng/iepngfix_tilebg.js"></script> <style type="text/css"> img,div { behavior: url(js/iepng/iepng

PIE的使用

实际上是指的是一个名为pie的htc文件,即pie.htc,使用CSS的behavior行为,可以调用此文件,然后让IE也能实现一些常见的 CSS3效果,如圆角(border-radius),盒阴影(box-shadow),背景渐变(gradient),多图片背景(multiple background images). 下载地址:https://github.com/lojjic/PIE/downloads 支持的主要CSS3属性: 1.border-radius圆角

解决IE6中 PNG图片透明的终极方案-八种方案！

“珍惜生命,远离IE6”,IE6中的bug令很多Web前端开发人员实为头疼,因此不知道烧了多少脑细胞,在众多的Bug中最令人抓狂的就是IE对png图片的不支持,导致设计师和重构师放弃了很多很炫的效果,为了让大家在这方面少烧点脑细胞,KwooShung我就舍身一把,把当前最流行最实用的IE6支持PNG图片的方案整理到本贴内,以供大家学习参考! 方案1 - 滤镜解决方案: 介绍:滤镜从IE4.0被微软正式引入,所以我们可以使用滤镜解决IE6的PNG透明问题,滤镜不仅可以实现目前CSS3的一些旋转效果

css的scorll-behavior

热门专题