小编Lew*_*pas的帖子

我正在构建一个利用David DeSandro的精彩Isotope插件的photoblog,但我很难让插件在响应/流体网格中按预期工作.

www.lewismalpas.co.uk/tumblr(演示)

每个图像都包含在一个div(.item)中,其明确的宽度为25%,因为图像很灵活,理论上这应该允许四个图像内联显示,但是目前只有两个图像被显示,我似乎无法看到找出问题所在.

<script type="text/javascript">
$(document).ready(function(){

//scroll to top of page
$("a.top").click(function () {
    $("body,html").animate({scrollTop: 0}, 800);
    return false;
});

//Isotope settings
var $container = $('.images')
$container.imagesLoaded( function(){
    $container.isotope({
        resizable: false, // disable normal resizing
        masonry: { columnWidth: $container.width() / 4 }
    });
    // update columnWidth on window resize
    $(window).smartresize(function(){
        $container.isotope({
            masonry: { columnWidth: $container.width() / 4 }
        });
    });
});

//layout & search options
$(".header #layout").hide();
$(".header a.layout").click(function() {
    $(".header #layout").fadeIn();

    $(".header a.fullscreen").click(function() {
        $("a.layout-option").removeClass("selected");
        $(this).addClass("selected");
        $("#container").animate({width:"99%"}, function() …

我有一个单页网站,当它点击导航链接时滚动到正确的部分 - 请参阅http://www.cleanupbritain.org获取一个实例.

我现在正在扩展网站并添加一个位于子目录中的博客,我正在尝试设置博客导航以加载www.cleanupbritain.org,然后滚动到正确的部分.这可能吗？我对jQuery相当新,所以任何帮助都会非常感激.

这是导航链接:

<a href="http://www.cleanupbritain.org" onClick="goToByScroll('news')">News</a>

这是我写的脚本:

<!-- ScrollTo for navigation scrolling -->
<script type="text/javascript">
jQuery(window).load(function() {
    function goToByScroll(id){
            jQuery('html,body').animate({scrollTop: $("#"+id).offset().top - 236},'slow');
    }
    function goToTop(){
            jQuery('html,body').animate({scrollTop: 0},'slow');
        }
});
</script>

我认为导航链接不对,但我不确定需要更改什么来确保脚本在正确的时间执行？

非常感谢您的帮助,

刘易斯.