【问题标题】:How can I do something similar to this?我该怎么做类似的事情?
【发布时间】:2011-11-21 05:37:57
【问题描述】:

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

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

有人知道这是否是我可以为 Wordpress 下载的插件吗?

如果不是,这在 jQuery 中容易做到吗?

【问题讨论】:

    标签: jquery jquery-plugins wordpress


    【解决方案1】:

    这是通过窗口的 on resize 事件来完成的。如果您查看源代码,#siu-horizontal 开始时是不可见的,但是当窗口变小时它变得可见。使用jQuery,您可以很容易地做到这一点:

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

    【讨论】:

      【解决方案2】:

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

      下面是一个简短的示例,可以帮助您入门:http://css-tricks.com/6206-resolution-specific-stylesheets/

      将您的页面编写为 html 格式,但仅根据您的 CSS 中的浏览器宽度使用 media-type 显示其中一个

      【讨论】:

      • 这样你就不用担心 JQuery 或任何事情了。它纯粹是 CSS。
      猜你喜欢
      • 2018-01-16
      • 2018-11-21
      • 1970-01-01
      • 2012-05-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-09-20
      • 2019-01-06
      相关资源
      最近更新 更多