小编Chu*_*utt的帖子

无尽的水平jQuery自动收报机

我正在寻找一个无尽的横向新闻风格的自动收报机.我玩过SmoothScroll和SimpleDivScroll.

SmoothScroll似乎不适用于不同宽度的元素,SimpleDivScroll只与jQuery 1.4+兼容,而且我坚持使用jQuery 1.3.2.

还有其他选择吗?

jquery jquery-plugins

7
推荐指数
1
解决办法
5万
查看次数

检测用户是否已从顶部滚动

显而易见的答案是简单地将事件附加到滚动事件:

var scrolled = false;

$(window).scroll(function() {
   if($(window).scrollTop() > 0) {
       scrolled = true;
   } else {
       scrolled = false;
   }
});
Run Code Online (Sandbox Code Playgroud)

然而,jQuery的创建者,来自2011年的John Resig的博客指出:将处理程序附加到窗口滚动事件是一个非常非常糟糕的主意.

并建议如下:

var didScroll = false;

$(window).scroll(function() {
    didScroll = true;
});

setInterval(function() {
    if ( didScroll ) {
        didScroll = false;
        // Check your page position
    }
}, 250);
Run Code Online (Sandbox Code Playgroud)

过去五年有什么变化吗?John Resig的解决方案仍然是最好的吗?

html javascript jquery

7
推荐指数
1
解决办法
1164
查看次数

柔性物品堆叠在彼此之上

我正试图抓住flex并努力创造我所追求的东西.

我想做什么

  • 全屏容器
  • 两个div元素,一个右对齐,宽度为640px一个,左对齐,剩下的空间

发生了什么

我的元素在屏幕的中心彼​​此叠加显示.

div.flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: stretch;
  height: 100vh;
}
div.hero {
  background-size: cover;
  background-position: center bottom;
  position: relative;
  height: 100vh;
  width: 100%;
  margin: auto;
}
div.timeline {
  width: 640px;
  margin: auto;
}
div.header {
  position: absolute;
  top: 50%;
  text-align: center;
  width: 100%;
  /* color: #fff; */
  -ms-transform: translate(0, -50%);
  /* IE 9 */
  -webkit-transform: translate(0, -50%);
  /* Safari */
  transform: translate(0, …
Run Code Online (Sandbox Code Playgroud)

html css css3 flexbox

7
推荐指数
1
解决办法
5705
查看次数

"目标元素不是root的后代"是什么意思?

我在Chrome的控制台中收到以下警告: "IntersectionObserver.observe(target): target element is not a descendant of root."

这是什么意思?我怎么能找到它的原因,以便解决它?

javascript warnings google-chrome

7
推荐指数
1
解决办法
1598
查看次数

Shopify:为什么 Liquid 有时会使用 {%- 而不是 {%?

我一直在查看默认主题的代码,我注意到有时他们使用{%标签来表示 Liquid 代码(根据文档),但其他时候他们使用{%-.

例如:

  {% case section.settings.image_size %}
    {% when 'small' %}
      {%- assign product_image_width = 'medium-up--one-third' -%}
      {%- assign product_description_width = 'medium-up--two-thirds' -%}
Run Code Online (Sandbox Code Playgroud)

在 Shopify 网站GitHub{%-上的 Liquid 文档中找不到单个示例,但我也看到其他人在 Shopify 论坛上使用它。

加一个什么意思-

liquid shopify

7
推荐指数
1
解决办法
552
查看次数

ASP.Net:如何禁用ListItem?

我遇到了一个烦人的问题,如果你不是像我这样的新手,那可能很容易解决.

我在ASP.Net中有一个DropDownList,它有一个需要被禁用的ListItem ......但我不是说DropDownList.而且我也不想禁用整个DropDownList,只需要一个特定的ListItem.我想说的是写在HTMLListItem,是这样的...

<option disabled="disabled" value="-1">Disabled Option</option>
Run Code Online (Sandbox Code Playgroud)

任何人都知道如何在ASP.Net中这样做?

非常感谢.

asp.net listitem drop-down-menu

6
推荐指数
2
解决办法
1万
查看次数

通过API发送IM

我们正在寻找为我们的网站添加新功能,这将允许想要接收有关其个人资料的更新的用户将他们直接发送到他们的Instant Messaging帐户(例如Yahoo,Live Messenger,AIM等).

我们目前处于初步阶段,只是收集信息,看看它是否真的是我们想要做的事情,所以我想知道这里是否有人可以帮助我们发现是否有一个好的解决方案?

有这么多的跨网络IM平台(几个跳跃的想法,Trillian,X-Fire,Meebo,Miranda,Digsby,Raptr,Pidgin),但我真的不知道开始使用API​​的好地方.是否有开源的跨平台IM API?

c# asp.net api open-source instant-messaging

6
推荐指数
1
解决办法
856
查看次数

jQuery和Vimeo Froogaloop API

我正在为WordPress构建一个插件,到目前为止,PHP库已经很好了.但我在使用JavaScript API时遇到了一些问题.

我正在尝试将它与jQuery一起使用,我认为WordPress版本的jQuery正在搞乱这个$f捷径.为什么这不起作用?

var vimeoPlayer = {

    init: function() {
        var vimeoPlayers = document.querySelectorAll('iframe'),
        player;

        jQuery('iframe.vimeo-player').each(function(index, iframe){
            player = vimeoPlayers[index];
            $f(player).vimeoPlayer.addEvent('ready', vimeoPlayer.ready);
        });
    },

    addEvent: function(element, eventName, callback) {
        if (element.addEventListener) {
            element.addEventListener(eventName, callback, false);
        }
        else {
            element.attachEvent(eventName, callback, false);
        }
    },

    ready: function(player_id) {
        alert(player_id);
    }
}

jQuery(document).ready(function($){
    vimeoPlayer.init.call();
});
Run Code Online (Sandbox Code Playgroud)

你可以在行动中看到它temp.woodshop.tv/?work/?dickies-campaign/?.

我收到此错误:

TypeError:表达式'$ f(播放器).vimeoPlayer'[undefined]的结果不是对象.

jquery events vimeo froogaloop

6
推荐指数
1
解决办法
2万
查看次数

多个下拉菜单中的数千项

客户给了我一项我以前没做过的任务,所以我正在寻找最好的方法.他们有一个他们希望用户填写的表单,但对于一个字段,他们希望将数千个选项放入三个下拉菜单中.

例如:

在此输入图像描述

因此,一旦他们选择了一个城市,用户将只能选择一个城市,一旦他们选择了一个城市,他们就只能选择一个城市.(打破成千上万选项的好方法.)

我想我可以很容易地使用POSTBACK和一个简单的数据库,但我想用AJAX和一个简单的数据库做一些事情将是更光滑的解决方案.

还有其他方法可以解决这个问题吗?如果没有,是否有人可以获得我可以获取的教程或代码片段的链接?其次,多久你认为它会采取实现这样的系统?

我之前从未这样做过,所以我希望避免尽可能多的无法预料的陷阱.谢谢.

html javascript php ajax drop-down-menu

6
推荐指数
1
解决办法
2454
查看次数

标准化OSX和Windows之间的字体权重

我读过OSX和Windows有两种截然不同的渲染字体算法.因此,在OSX中查看Web字体时,Web字体看起来比在Windows中看起来"更重"是一个常见问题.

例如,这是相同的字体,在同一站点上,在同一浏览器中,但在不同的操作系统上:

在此输入图像描述

这里的Arial表现出类似的差异:

在此输入图像描述

有没有办法改变Windows或OSX中的字体渲染,使它们看起来更接近彼此?还是有其他技术来处理这种差异?

html css windows macos webfonts

6
推荐指数
1
解决办法
2878
查看次数