我怎样才能做类似的事情?

发布于 2024-12-17 12:59:47 字数 401 浏览 0 评论 0原文

我喜欢 ZDnet 在左侧设置社交共享按钮(如果您的浏览器足够宽),但是当您缩小浏览器时,按钮会跳到文章中。

例子: http://www.zdnet.com/blog/btl/mcafee-threats-report-android-is-in-the-crosshairs/63813?tag=content;selector-blogs

是否有人知道这是一个我可以下载的 WordPress 插件吗?

如果没有,这在 jQuery 中容易做到吗?

I like the way ZDnet has the social sharing buttons on the left side (if your browser is wide enough), but when you shrink the browser, the buttons jump into the article.

Example:
http://www.zdnet.com/blog/btl/mcafee-threats-report-android-is-in-the-crosshairs/63813?tag=content;selector-blogs

Does anyone know if this is a plugin I can download for Wordpress?

If not, is this easy to do in jQuery?

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

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

发布评论

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

评论(2

や三分注定 2024-12-24 12:59:47

这是通过窗口的调整大小事件完成的。如果您查看源代码,#siu-horizo​​ntal 开始时不可见,但是当窗口变小时它就会变得可见。使用 jQuery,您可以非常简单地做到这一点:

$(window).resize(function() {
  // Look the page width and show the right div
});

This is done with window's on resize event. If you look at the source code, #siu-horizontal starts not visible, but when the windows gets small it becomes visible. Using jQuery, you can do this pretty easy:

$(window).resize(function() {
  // Look the page width and show the right div
});
江心雾 2024-12-24 12:59:47

为什么不尝试使用媒体元素大小,这样如果浏览器的窗口太小,您可以使用“display: none”使垂直窗口消失,并使用“display: block”使水平窗口出现,

这是一个简短的示例来帮助您入门: http://css-tricks.com/6206-resolution-specific-stylesheets/

编写您的页面在 html 中同时使用两者,但仅使用 media-type 根据 CSS 中的浏览器宽度显示其中之一

Why don't you try using media element size so that if the browser's window is too small you make the vertical one disappear using "display: none" and the horizontal appear using "display: block"

Here's a short example to get you started: http://css-tricks.com/6206-resolution-specific-stylesheets/

Write your page to have both in html but only to display one or the other according to browser width in your CSS using media-type

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