jquery - 将元素隐藏在容器外而不溢出 : hidden

标签 jquery css positioning

<分区>


关闭 4 年前

我想在元素移出容器时隐藏它。但我有 1 个限制:我不能使用 overflow: hidden; 作为容器中的永久样式。

这是我需要的链接:

http://jsfiddle.net/WVYpg/

我想知道是否有一种方法可以在它出去时做一些类似消失的事情来完成它? ...可能在完成动画时给出临时 overflow: hidden

最佳答案

$().ready( function(){
  $( "#hide-span" ).click( function(){
    $( ".contained" ).animate( {
        left: "-250",opacity:"0"
    }, 1000 );
  } );
} );​

Demo

$().ready( function(){
$( "#hide-span" ).click( function(){
    $( ".contained" ).animate( {
        left: "-250"
    }, 1000 );
    $( ".contained" ).fadeOut(200);
 } );
} );​

Demo 2

关于jquery - 将元素隐藏在容器外而不溢出 : hidden,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12548550/

上一篇:javascript - 通过脚本文件添加 jquery 脚本

下一篇:asp.net - 如何创建一个圆形按钮以支持所有浏览器?

相关文章:

jquery - 将下拉菜单中的 "active"类移动到用户当前页面

javascript - 按标题属性过滤元素

jQuery 自包含对象应用 css

CSS - 防止图像放大?

google-chrome - CSS3 兼容性问题

css - 悬停时在 IE8 中的奇怪定位

html - 内容超出 div

css 框架布局在 IE 6 及更高版本中无法正常工作

javascript - Bootstrap Typeahead 与 AJAX 源 : not returning array as expected

javascript - jQuery 通过 ID 查找元素,如果存在则删除它