Rails rails 中的 flash 提示信息怎么随页面下拉而移动,永远保持在相对页面的最顶端?

baypm2014 · 2014年08月19日 · 最后由 wudixiaotie 回复于 2014年08月19日 · 2286 次阅读

rails 中的 flash 提示信息怎么随页面下拉而移动,永远保持在相对页面的最顶端?

我当前的情况是页面下拉后,flash 信息一直在绝对页面位置的最顶端,看起来不方便。怎么解决这个问题,各位大大大大牛们,麻烦你们了。

#1 楼 @saiga 要的是解决方法。

-,- 跟 rails 没什么关系吧。这个是页面呈现的问题。css 应该就可以解决

一楼给的就是解决方案。

#4 楼 @billy 不太明白,麻烦指点一下,fixed 是一个属性吗?还是什么?

@baypm2014 你把那个 flash div 的 CSS 属性加一个position: fixed就可以一直在顶上了。当然你可能需要调整一下 magin 什么的。

#6 楼 @billy 嗯,看到了,严重感谢。但感觉光调 css 没用,还要写个 js. demo:

#top_div{ position:fixed; top:10px; right:0; display:none; } window.onscroll = function(){ var t = document.documentElement.scrollTop || document.body.scrollTop; var top_div = document.getElementById( "top_div" ); if( t >= 100 ) { top_div.style.display = "inline"; } else { top_div.style.display = "none"; } }

Top

return Top












aaaaaaaaaaaaaaaaaaa

观楼主 2 楼的回复推测楼主从事 web 开发的经验大概在 2~3 个月。。。。

#8 楼 @wudixiaotie 哎,猜对了,刚一个月。之前做后台的,最近一个月才转前端。让大家笑话了

#9 楼 @baypm2014 没啥,我作 web5 年了,4 年多。net,半年 rails。有问题先去百度,百度没有去 stackoverflow,这些都没有在来 ruby-china 问问。这是我遇到问题找答案的流程。

#6 楼 @billy 楼主对的,刚看了下其实 js 也只是改 CSS 里的属性,我直接在 css 里写也是可以的,因为不需要判断下拉事件所以 js 比多余了。小弟刚接触 web,让楼主笑话了。还是感谢!

#10 楼 @wudixiaotie 嗯,感谢,主要是不知道在 stackoverflow 怎么去描述我的问题,哈哈。谢谢楼主的经验分享,看来要加速学习啊。

#12 楼 @baypm2014 那你英语水平有待提高阿,不过你不用描述阿,只要搜索关键词就好了,我从来没在上面提过问题。。。。

需要 登录 后方可回复, 如果你还没有账号请 注册新账号