Javascript 如何为mobile定制addthis.com共享/跟随层,以将其固定到页面末尾
我一直在努力修复页面末尾的Javascript 如何为mobile定制addthis.com共享/跟随层,以将其固定到页面末尾,javascript,jquery,css,jquery-mobile,addthis,Javascript,Jquery,Css,Jquery Mobile,Addthis,我一直在努力修复页面末尾的addthis.com提供的共享/跟随横幅 默认情况下,它只是漂浮在手机底部的网站上。我试图修复我页面页脚下面的这个问题。 下面是它的外观请注意底部的Share | Follow按钮 但我想让它把它推到页面底部 像这样的东西 我尝试了以下代码 $(document).on("pagecreate",function () { addthis.layers({ 'theme': 'transparent', 'share
addthis.com
提供的共享/跟随横幅
默认情况下,它只是漂浮在手机底部的网站上。我试图修复我页面页脚下面的这个问题。
下面是它的外观请注意底部的Share | Follow
按钮
但我想让它把它推到页面底部
像这样的东西
我尝试了以下代码
$(document).on("pagecreate",function () {
addthis.layers({
'theme': 'transparent',
'share': {
'position': 'left',
'numPreferredServices': 5
},
'follow': {
'services': [{
'service': 'facebook',
'id': 'vikramabhushan'
}, {
'service': 'google_follow',
'id': 'vikrambanand'
}]
},
'whatsnext': {},
'recommended': {}
});
});
$(document).on('pageshow',function(){
var height = $('#outerPage').height();
console.log('H: '+height);
setTimeout(function () {
//$('#at4m-mobile-container').addClass('bottom');
$('body div.addthis-smartlayers-mobile').css("top",height-($('.foot').height()));
}, 7500);
});
因此,此脚本将
div
添加此smartlayers mobile
发送到页面底部,但仅在6秒后才会显示
谁能帮我修一下这个东西吗
提前感谢我只需使用css就可以修复它,我就是这么做的 CSS
#at4m-dock {
box-shadow: none !important;
margin-bottom: -92% !important;
position: absolute !important;
}
.at4m-dock-toggle {
margin-bottom: -92% !important;
position: absolute !important;
}
#at4m-mobile-container {
position: initial !important;
z-index: 9999999 !important;
}
我删除了额外的脚本,所以我的脚本是这样的
$(document).on("pagecreate",function () {
addthis.layers({
'theme': 'transparent',
'share': {
'position': 'left',
'numPreferredServices': 5
},
'follow': {
'services': [{
'service': 'facebook',
'id': 'vikramabhushan'
}, {
'service': 'google_follow',
'id': 'vikrambanand'
}]
},
'whatsnext': {},
'recommended': {}
});
});
这是它的快照
希望有人能从中受益
感谢和问候“它只在6秒后出现”-更快的互联网?没有bro:)查看我试图捕获div的代码
addthis smartlayers mobile
,但在dom中,加载页面时它不可用,因此我添加了setTimeout(),并不得不在那里添加延迟。正如你在脚本中看到的