微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

asp.net-mvc – DiggBar如何工作?

DiggBar如何工作?

我正在尝试制作一个ASP.NET MVC DiggBar克隆仅用于学习目的,是否有人建议如何为较低帧指定内容的URL?你会如何在MVC中构建它?

另外,我知道它是一个iFrame,但它们如何定位它,所以无论滚动它是否保持位于顶部?这是CSS魔术吗?

编辑:我对你是否喜欢它们不感兴趣.我不会把它投入生产,我不是要问它们是不是好的设计.我只是〜想〜做一个.

我发现DiggBar很有用,我喜欢它.天啊,你可以通过两次点击关闭它!同样,reddit有一个reddit bar,可以选择加入(可能更好的方法).

解决方法

基本的 HTML是:

<html>
<head>
  <style type="text/css">
    #toolbar {position: fixed; top: 0; height: 40px; width: 100%; ... }
    #page {width: 100%; height: 100%;}
  </style>
</head>
<div id="toolbar">
  All your toolbar stuff here.
</div>
<iframe id="page" name="page" src="http://url.to/page" frameborder="0" noresize="noresize"></iframe>
</html>

你会在你自己的URL上有一个slug,它会映射到页面的URL,例如:
d1oKo3 => http://news.bbc.co.uk/2/hi/technology/7991708.stm

您的所有视图都必须查找映射并将页面的URL放入iframe的src中.只是确保你有办法让用户选择退出,因为有些人不喜欢这种工具栏.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐