小编Joe*_*bby的帖子

这里有一个很好的例子:http://www.maddim.com/demos/spark-r6/

向下滚动页面时,活动菜单项会发生变化.这是怎么做到的？

之前我使用过Zurb Foundation和Skeleton,所以我对两者都很熟悉,但我之前从未将现有网站转换为响应式网站.什么是转换我的网站最快的方法？使用上面的框架,或为已经提供的代码添加媒体查询？(这甚至有效吗？)

它似乎只发生在Chrome和Safari ..而不是Firefox.我正在使用它与基础响应框架,所以我不知道如何设置高度.Chrome/Safari中的图像似乎也没有足够的间距.

我该如何解决？

编辑:这是一个小提琴http://jsfiddle.net/TLjay/

问题是它似乎没有显示我遇到的问题..所以我不知道该怎么做...我已经尝试禁用除了同位素以外的所有东西..所有jquery/css和它仍然缩小了Chrome/Safari中的图像,但它在Firefox中很好用.

此外,如果我点击过滤器下的"全部",它会将页面拉伸到它的设想,这样可能有助于解决这个问题.

我得到它与imagesLoaded一起工作,所以它提供了足够的空间,但图像左侧和右侧的空间仍然不是它的假设..我的脚本在下面

<script type="text/javascript">
    var $container = $('.isosort')
    // initialize Isotope
        $container.isotope({
            // options...
            resizable: false, // disable normal resizing
            layoutMode : 'fitRows',
            animationEngine : 'best-available',

            // set columnWidth to a percentage of container width
            masonry: { columnWidth: $container.width() / 5 }
        });

        // update columnWidth on window resize
        $(window).smartresize(function(){
            $container.isotope({
            // update columnWidth to a percentage of container width
            masonry: { columnWidth: $container.width() / 5 }
            });
        });
        $container.imagesLoaded( function(){

                $container.isotope({
            // options... …

现在,我可以div在向下滚动后坚持到顶部,320px但我想知道是否有其他方法可以实现这一目标.下面我有我的代码:

jQuery(function($) {
    function fixDiv() {
        if ($(window).scrollTop() > 320) { 
            $('#navwrap').css({ 'position': 'fixed', 'top': '0', 'width': '100%' }); 
        }
        else {
            $('#navwrap').css({ 'position': 'static', 'top': 'auto', 'width': '100%' });
        }
    }
    $(window).scroll(fixDiv);
    fix5iv();
});

它有效,但有些divs高于它不会总是相同的高度所以我不能依赖它320px.如何在不使用的情况下if ($(window).scrollTop() > 320)让它工作,所以我可以在用户滚动过去后让它在顶部淡​​入div #navwrap？

尝试学习如何克隆Sublime Text 2的这个Soda主题:

git clone https://github.com/buymeasoda/soda-theme/ "Theme - Soda"

正如它在这里所说:https://github.com/buymeasoda/soda-theme

但我不确定我在哪里输入,或者如何将其直接下载到我的包文件夹中.我该怎么做呢？

我想改变一个对象的不透明度,而不是淡化完全隐藏的内容,所以我改变了

$(".thumb").each(function(i) {
    $(this).delay(500*i).fadeIn(1000);
});

至

$(".thumb").each(function(i) {
    $(this).delay(500*i).animate({'opacity' : 1}, 1000, function(){});
});

和显示的css:none到不透明度:0; (在所有浏览器中)但我注意到数字值1000根本不做任何事情.也许它是,我没有注意到,但我已经改变了1到100000的形式,我看到没有区别.有人可以帮我理解发生了什么事吗？

编辑:这里是完整的代码..也许有些东西正在改变淡入淡出？

//Showcase
$('#showcase').animate({'opacity' : 0}, 0);
fadeInDivs(['#showcase']);

function fadeInDivs(els) {
    e = els.pop();
    $(e).delay(750).animate({'opacity' : 1}, 1000, function(){
        if (els.length)
            fadeInDivs(els);
    });
};

$('#showcase').queue(function(){
    //fade in each filter
    $('#filters li').each(function(i, item) {
        setTimeout(function() { $(item).animate({'opacity' : 1}, 1000); }, 500 * i);
    });

    //fade in each thumbnail
    $('.thumb').each(function(i, item) {
        setTimeout(function() { $(item).animate({'opacity' : 1}, 1000); }, 500 * i);
    });
}); …

可能重复:
我可以将所需属性应用于HTML5中的<select>字段吗？

我使用的是HTML5的接触形式从这里,但我在努力使这些问题<select>所需的字段.其他一切都很好,只是遇到了麻烦,当我询问这个​​领域时,开发人员没有回应.这就是我所拥有的

 <select name="package" id="package" title="Please choose a package" class="required">
    <option value="">------------------</option>
    <option value="basic">Basic</option>
    <option value="plus">Plus</option>
    <option value="premium">Premium</option>
</select>

为了让这个工作正常,我错过了什么？

我正在努力使我的网站页面无缝加载.如果您点击下面某些链接上的页面,您将看到我在说什么.

http://www.ultranoir.com/

http://www.itsmassive.com/

当您点击链接时,它会加载信息并将/#!/添加到网址中.如何添加此功能以使我的页面加载方式相同？在任何地方都有教程吗？

我真的需要所有这些CSS不透明属性吗？我不是一次性使用所有这些,而是​​以不同的百分比显示它们.但我通常有4人组,我想看看我是否可以从样式表中删除任何内容.

有人能给我看一个100%,25%和0%的例子吗？我想确保我们正确完成它们.

opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=1);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";


opacity: 0.25;
-moz-opacity: 0.25;
filter:alpha(opacity=0.25);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=25)";


opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

使用Fancybox,当模态打开时,是否可以在任何地方显示组中的图像数量？例如"Image 4 of 4","Image 2 of 4"等？

我在http://site.com/services/上有一个页面,我只想将其重定向到http://site.com/servics/first-service/

什么是最好的重定向来做这个,我该怎么做？

这是我的 Javascript 警报：

<script>
function showMessage() {
    setTimeout(function() {
alert("alert");
}, 100);
}
</script>

当用户访问一个页面时，会弹出一个窗口，上面写着“警报”，它只有“确定”按钮。单击它时，窗口消失并显示其下的页面。如何添加具有相同效果的“取消”按钮？

如果我这样做的话 .fadeIn('slow')

替换单词slow的数字是多少,但速度是一样的？