我想在 scrollTop
到达特定位置时重新加载 svg 文件。使用 object
标记将 Svg 添加到 html 页面。
html代码
<section class="section" id="svg-scroll">
.....
<object type="image/svg+xml" data="http://reussis.com/demo/vardan/svg/icons_-04.svg"></object>
....
<object type="image/svg+xml" data="http://reussis.com/demo/vardan/svg/icons_-03.svg"></object>
.....</section>
脚本
$(document).ready(function(){
svg_scroll_function();
$(window).scroll(function() {
svg_scroll_function();
});
})
function svg_scroll_function() {
var scroll = $(window).scrollTop();
if (scroll >= ($('#svg-scroll').offset().top -80)) {
$('object').reload();// Here i want to reload something
}
}
最佳答案
仅一次,将 root 中的 first_time
var 设置为 true;
var first_time = true; //this should be outside of scroll function
...
if(first_time){
$('object').each(function(index,el){
$(el).attr('data', $(el).attr('data'));
});
first_time = false;
}
关于javascript - 如何重新加载html标签对象数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47424744/