gpt4 book ai didi

javascript - 向下滚动时词缀元素闪烁

转载 作者:太空宇宙 更新时间:2023-11-04 09:58:00 25 4
gpt4 key购买 nike

尝试使用bootstrap affix用于在滚动时修复共享按钮部分的插件

但是当向下滚动并通过元素时,它开始闪烁。你可以在这里看到它: http://kohelet.org.il/event/%D7%9E%D7%99%D7%A6%D7%92-%D7%94%D7%A9%D7%95%D7%A7-%D7%94%D7%97%D7%95%D7%A4%D7%A9%D7%99

向下滚动并向右看共享图标,当 affix-top 应该切换到 affix 时,出了点问题。

我使用的代码:

<div class="col-sm-3 share">

<ul class="share-links" data-spy="affix" data-offset-top="1020" data-offset-bottom="567">
<li class="print_page">
<i class="fa fa-print red"></i>
<?php if(function_exists('pf_show_link')){echo pf_show_link();} ?>
</li>
<li>
<i class="fa fa-envelope gray"></i>
<a class="em" href="" target="_blank">שלח</a>
</li>

<li>
<i class="fa fa-facebook blue"></i>
<a class="fb" href="" target="_blank">שתף</a>
</li>

<li>
<i class="fa fa-twitter lightblue"></i>
<a class="tw" href="" target="_blank">צייץ</a>
</li>
<li class="w_app_li">
<i class="fa fa-whatsapp green"></i>
<a class="wh_app" href="" data-action="share/whatsapp/share">וואטסאפ</a>
</li>

</ul>

</div>

还有一些CSS:

.affix{
top: 40px;
}
.affix-bottom{
position: absolute; !important;
}

将不胜感激!

最佳答案

您需要添加 data-offset-bottom="[[affix_bottom]]"给你的<ul> . affix_bottom 很可能在 1710 左右。您可以从这里找到它。 (我在这里假设您想在主标题完成后停止滚动。)

var selector = '.main-heading-main';
$(selector).offset().top + $(selector).outerHeight(true);

您也可以尝试动态设置词缀底部。

关于javascript - 向下滚动时词缀元素闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38561507/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com