实现灯箱功能时的页面跳转加载

我在本地构建自定义Wordpress主题，并将大量内容与自定义帖子类型一起使用高级自定义字段。实现灯箱功能时的页面跳转加载

我目前正在建立画廊部分，并希望使用灯箱 - 这两种尺寸的图像是自定义尺寸的特色图像。

之前我加入收藏夹锚图像我的代码看起来是这样的：

<?php 
$thumbnail_id = get_post_thumbnail_id(); 
$thumbnail_url = wp_get_attachment_image_src($thumbnail_id, 'featured-image-shop', true); 
?> 
<a href="<?php the_permalink(); ?>"> 
    <img src="<?php echo $thumbnail_url[0]; ?>" alt="<?php the_title();?>"> 
</a>

但是 - 当我再在灯箱图像添加 - 灯箱功能工作正常 - 但使页面跳转小幅页面加载。代码如下所示：

<?php 
$thumbnail_id = get_post_thumbnail_id(); 
$thumbnail_url = wp_get_attachment_image_src($thumbnail_id, 'featured-image-shop', true); 
?> 
<a href="<?php echo $thumbnail_url[0];?>" data-lightbox="gallery-images" data-title="<?php the_title();?>"> 
    <img class="gallerypics" src="<?php echo $thumbnail_url[0];?>" alt="<?php the_title();?>"> 
</a>

任何想法为什么发生这种情况？我想也许这可能是一个JavaScript问题，但即使我只是在锚中添加图像而没有data-lightbox属性，它仍然会跳转。

也许有人遇到过这个问题吗？

来源

2016-03-04 user2889540

如果您禁用lightbox js包含，会发生什么？它仍然跳？ – vard

谢谢Vard。我尝试过，但现在已经在css下面发布了。感谢您查看:-) – user2889540

没关系 - 只是写下来的行为给了我一个答案，所以我想我会分享给任何可能有同样问题的人。我需要添加

html { overflow-x:auto; overflow-y:scroll; }

这会强制滚动条在内容完全加载前存在，这就是为什么它之前跳过了！

来源

2016-03-04 10:18:46 user2889540

实现灯箱功能时的页面跳转加载

回答

相关问题