个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
过去两个小时我一直在搜索，但一直找不到针对这种情况的解决方案。
我有一个网站，我允许用户从第 3 方(例如 justin.tv)“弹出”嵌入式视频流。当他们这样做时，我在窗口中放置了一个小的全宽标题，除了顶部的 10px 外，该标题大部分是隐藏的。
当他们将鼠标悬停在 10px 区域时，标题会扩展到内容中，为他们提供一些菜单选项，例如“弹回”。
问题是，无论我做什么(纯 css、css/js 等)，我都无法得到它，所以在任何情况下，都是:
嵌入的视频将占据窗口中的所有剩余空间，我们永远不会在窗口中看到滚动条。
我已经“大部分”使用 javascript 来调整 div 的大小，但它不能很好地与 jquery.animate() 函数结合使用，后者负责更改标题的高度。
感谢任何帮助!
编辑:
可以在以下位置找到半工作示例:
http://wellplayed.org/channel/now_live
根据您阅读本文时直播的 channel ，单击其中一个，然后在“查看流”页面中，找到左上角的“弹出流”按钮。
不过请注意，我已经更正了一些在我的开发环境中完成此操作的方法，因此它相当不像那里那么糟糕。
最佳答案
感谢您发布您尝试做的事情的视觉效果
我认为在这种情况下，如果您使用绝对定位会容易得多，这样只有一个变量(顶部坐标)需要操作，而且您不必执行调整大小功能，即 AP (绝对定位)也会解决这个问题。
实质是你需要 div、bar 和视频容器，同时进行动画处理，当它们进行动画处理时，你还需要你的嵌入对象以相同的速度调整大小。我发现有办法太多的计算，即使那样我也无法以任何速度让对象随父对象一起调整大小..所以我认为让 CSS 尽可能地做 mych 更容易然后只使用 jQuery 移动位置
最主要的是确保顶部栏 #stream-bar-hover 始终保持相同的高度..所以不要在上面放置填充等..，你已经有了 #stream-bar 在里面，所以任何装饰都可以放在那里
我的基础是左上角的图像根据您的 HTML 为 38x38，但如果您希望它更小，您可以不同地计算下一位，当我在中添加 1px 边框和 2px 填充和 2px 边距时#stream-bar 这意味着“悬停栏的高度必须为 48px(我确实添加了溢出:隐藏以防万一；))
然后绝对定位 #stream-bar-hover 和 #stream-popup 使它们两个填充屏幕的各个部分所以 top: 0 ; 对于栏和 top: 48px; 对于视频容器，这两个 div 的左右和底部坐标永远不需要改变，只需要改变延迟函数的顶部和悬停功能应该都有效，您只需要同时为两个 div 顶部坐标设置动画
此方法的优点是它不需要 window.resize() 函数，我认为您的方法会这样
关于jquery - CSS/JS 100% 高度嵌入与 jQuery 滑动标题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5646810/
26
4
0
这是在我的 MainActivity 中用作 BroadcastReceiver 的代码 mRegistrationBroadcastReceiver = new BroadcastRecei
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它，visit the help center 。 已关
我想在大部分时间隐藏 UISearchBar，只在用户需要时调用它来显示。 我在 Interface Builder 中放置了一个 UISearchBar 并将其隐藏在 View 后面，当用户单击按钮
我有一个包含 CCMenuItemImage 的菜单(“myMenu”)。我希望此菜单能够检测手指滑动并相应地滑动。 我的问题是 CCMenuItemImage 似乎吸收了触摸事件。当用户触摸 CCM
我正在寻找一个简单的 jQuery 或 Javascript 解决方案，以使导航侧边栏在用户向下滚动页面时顺利跟随用户。像这里一样:http://ucon-acrobatics.com/shop/ 任
我有一个 ListView 控件来显示项目，我想提供一个滑动/滑动手势来选择一个项目。我用 GestureRecognizer类来识别交叉滑动手势，但我还想通过水平移动选择的项目来为这个手势设置动画。
我想将 String 行标记化为标记(存储到 String 表中)，并且我只能使用 java.io.*它是为了实现一个计算器。 例如:第一行:1+2+3第二行:1+ 2*3(标记之间有空格) 进入表{
我有一个 ListView 控件来显示项目，我想提供一个滑动/滑动手势来选择一个项目。我用 GestureRecognizer类来识别交叉滑动手势，但我还想通过水平移动选择的项目来为这个手势设置动画。
我有一个导航栏，当单击菜单图标时，它将滑入“#secondary-nav”并隐藏“#primary-nav”。然而 jquery 似乎没有显示“#secondary-menu”。下面提供的是 HTMl
这个问题已经有答案了: how to make a sliding up panel like the Google Maps app? (2 个回答) 已关闭 7 年前。 我正在寻找类似的实现，如下
我有 ViewPager(Slide) 和 3 张图片。共有三个图像是通过 Internet 下载的。如果我将图片换到服务器上的另一台服务器上，链接保持不变，但应用程序中的图片没有改变，仍然是缓存中的
我在 gridview 中创建了两个按钮。 我想达到以下目的，但不知道应该用什么方法？ 首先我触摸第一个按钮，将显示 toast 1 msg。通过将我的手指滑到第二个按钮而不抬起我的手指，将显示 to
所以我设置了一个小的 jquery 动画，用户将鼠标悬停在容器上一段时间，这会导致容器 split ，然后显示内部信息。 我不希望鼠标一进入容器就开始动画，所以我在动画上放了一个delay()。现在动
这个问题在这里已经有了答案: Simulate swipe with mouse in javascript (5 个答案) 关闭 7 年前。
我希望我的 Sprite 像在冰上一样滑动。因此，如果他在地面上，那么他可以正常行走，但当他接触冰时，他会滑动，直到有东西阻止他。有谁知道如何才能做到这一点？谢谢 最佳答案 像“Sprite Move
我的代码有几个问题:HTML: Bellevue
我正在尝试实现从 fragment1 过渡到 fragment2 的滑动动画。我正在使用 setCustomAnimations 方法。而且我知道我需要使用框架方法来替换 fragment 。 我的代
我不知道你们是否听说过 app chomp，但应用程序中有一个布局，如下图所示。我想知道他们是如何设置的，我将如何使用它来为我自己的应用程序制作类似的东西。有趣的是，当你滑动时，没有像水平 Scrol
我想检测用户何时在一个单元格占据整个屏幕宽度的 collectionView 中向左或向右滑动。是否可以不添加手势识别器。我试过添加手势识别器，但只有当我们将 collectionView 的 scr
我正在尝试开发一个应用程序来复制类似 tinder 的基于滑动的提要。该应用程序的想法与火种非常相似，也具有向右滑动和向左滑动匹配功能。 到目前为止我做了什么-我在 MongoDB 中创建了一个刷卡集
我是一名优秀的程序员,十分优秀！