当元素有填充时,如何阻止脚本式的盲目效果闪烁?

发布于 2024-08-29 09:31:03 字数 524 浏览 6 评论 0原文

看起来,当在带有填充的元素上使用盲目向下效果时,看起来有点尴尬。它似乎盲目地向下太远,然后跳回来。这是一件非常微妙的事情,但确实很烦人。

我没有在线示例,但如果您访问 github 上的演示,并使用 firebug 或其他内容为元素提供 padding-top 或bottom,您就会明白我的意思。

http://github.com/madrobby/scriptaculous/wiki/effect-blinddown

http://madrobby.github.io/scriptaculous/effect-blinddown/

有人找到办法阻止它吗?

it seems that when the blind down effect is used on an element with padding it looks a bit awkward. It seems to blind down too far and then jumps back. It's a very subtle thing but is really annoying.

I don't have an online example but if you go to the demo on github and give the element a padding-top or bottom with firebug or something you'll see what I mean.

http://github.com/madrobby/scriptaculous/wiki/effect-blinddown

http://madrobby.github.io/scriptaculous/effect-blinddown/

Anybody found a way to stop it?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

征﹌骨岁月お 2024-09-05 09:31:03

仍然没有解决这个问题,但正如我在评论中所说,这个问题可以很容易解决。

Still not resolved this but as I said in my comment, this issue can be worked around pretty easily.

独孤求败 2024-09-05 09:31:03

万一有人遇到这个问题试图解决这个问题,您可以将您的内容放入 BlindDown() div 内的 div 中。

那是,

<div id="blindthis" style="display:none;">
     <div style="padding:10px;">content goes here</div>
</div>

<script>
     new Effect.BlindDown('blindthis')
</script>

In the off chance someone runs across this trying to solve this problem, you can put your content inside a div inside the BlindDown() div.

That is,

<div id="blindthis" style="display:none;">
     <div style="padding:10px;">content goes here</div>
</div>

<script>
     new Effect.BlindDown('blindthis')
</script>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文