返回顶部按钮不见了!

marslulu · 发表于 2013-8-1 12:17:59

1，经查验，官方的foot.html里面代码57~89行有控制代码：<div id="ft" class="wp cl">；
2，简单的办法，拿官方的foot.html（在template/default/common/中）替代自定义模板中的foot.html，当然，页脚的样式也会变成是官方的了；

jxzhj · 发表于 2013-8-1 14:05:01

marslulu 发表于 2013-8-1 12:17
1，经查验，官方的foot.html里面代码57~89行有控制代码：；
2，简单的办法，拿官方的foot.html（在templat ...

在你自己的foot.htm文件中找到一个div块,给这个块一个id="ft"的属性,右侧"返回顶部"按钮位置就是以这个块为基准的

413000659 · 发表于 2013-8-11 23:36:02

我用默认模板位置正常

用自己的模板 ~ 用官方的尾部 ~ 回顶部位置还是错位

style="left: auto; right: 0px; visibility: visible; "

复制代码

这个位置不变化是为什么呢？

jxzhj · 发表于 2013-8-12 10:56:33

413000659 发表于 2013-8-11 23:36
我用默认模板位置正常

用自己的模板 ~ 用官方的尾部 ~ 回顶部位置还是错位这个位置不变化是为什么 ...

给的信息太少了,看不出来,这段CSS是哪里出来的

413000659 · 发表于 2013-8-12 18:11:40

<div id="scrolltop" style="left: auto; right: 0px; visibility: visible; ">
<span hidefocus="true"><a title="返回顶部" onclick="window.scrollTo('0','0')" class="scrolltopa"><b>返回顶部</b></a></span>
<span>
<a href="forum.php" hidefocus="true" class="returnboard" title="返回版块"><b>返回版块</b></a>
</span>
</div>

复制代码

这是我现在网页显示的代码 left: auto; right: 0px; visibility: visible; 这个位置不会变化

如果我用默认模板，这里的代码就是

<div id="scrolltop" style="left: 1431px; visibility: visible; ">
<span hidefocus="true"><a title="返回顶部" onclick="window.scrollTo('0','0')" class="scrolltopa"><b>返回顶部</b></a></span>
<span>
<a href="https://discuz.dismall.com/forum.php" hidefocus="true" class="returnboard" title="返回版块"><b>返回版块</b></a>
</span>
</div>

复制代码

我用的是默认的底部~ 官方的“回顶部”位置是贴近中间位置。我的模板确实靠近右边~ 不知道哪里出了问题
移动不回去！

jxzhj · 发表于 2013-8-12 20:40:04

413000659 发表于 2013-8-12 18:11
这是我现在网页显示的代码 left: auto; right: 0px; visibility: visible; 这个位置不会变化[/backcolor ...

在footer.htm文件中找到id="ft"的DIV块,然后检查下JS文件里面的showtop函数

jxzhj · 发表于 2013-8-12 20:48:01

413000659 发表于 2013-8-12 18:11
这是我现在网页显示的代码 left: auto; right: 0px; visibility: visible; 这个位置不会变化[/backcolor ...

在footer.htm文件中找到id="ft"的DIV块,然后检查下JS文件里面的showtop函数

413000659 · 发表于 2013-8-12 21:11:14

本帖最后由 413000659 于 2013-8-12 21:16 编辑

jxzhj 发表于 2013-8-12 20:40
在footer.htm文件中找到id="ft"的DIV块,然后检查下JS文件里面的showtop函数

非常感谢楼主！ {:soso_e179:}

我用的是默认的底部，有id="ft"的模块

<div id="ft" class="wp cl">
<div id="flk" class="y">
<p>
<a href="http://wpa.qq.com/msgrd?V=3&Uin=$_G['setting']['site_qq']&Site=$_G['setting']['bbname']&Menu=yes&from=discuz" target="_blank" title="QQ"><img src="{IMGDIR}/site_qq.jpg" alt="QQ" /></a><span class="pipe">|</span>
<!--{if $nav['available'] && ($nav['type'] && (!$nav['level'] || ($nav['level'] == 1 && $_G['uid']) || ($nav['level'] == 2 && $_G['adminid'] > 0) || ($nav['level'] == 3 && $_G['adminid'] == 1)) ||
!$nav['type'] && ($nav['id'] == 'stat' && $_G['group']['allowstatdata'] || $nav['id'] == 'report' && $_G['uid'] || $nav['id'] == 'archiver' || $nav['id'] == 'mobile' || $nav['id'] == 'darkroom'))}-->$nav[code]<span class="pipe">|</span>
<strong><a href="$_G['setting']['siteurl']" target="_blank">$_G['setting']['sitename']</a></strong>
( <a href="http://www.miitbeian.gov.cn/" target="_blank">$_G['setting']['icp']</a> )
$_G['setting']['statcode']
</p>
<p class="xs0">
{lang time_now}
<span id="debuginfo">
, Processed in $_G[debuginfo][time] second(s), $_G[debuginfo][queries] queries
, Gzip On,  On.
</span>
</p>
</div>
<div id="frt">
<p>Powered by <strong><a href="https://discuz.dismall.com" target="_blank">Discuz!</a></strong> <em>$_G['setting']['version']</em> <a href="http://license.comsenz.com/?pid=1&host=$_SERVER[HTTP_HOST]" target="_blank">Licensed</a></p>
</div>
<script type="text/javascript">
var invisiblestatus = '{lang login_invisible_mode}{lang login_normal_mode}';
var loginstatusobj = $('loginstatusid');
if(loginstatusobj != undefined && loginstatusobj != null) loginstatusobj.innerHTML = invisiblestatus;
</script>
</div>

复制代码

楼主请问JS文件是在哪个文件夹里面？

jxzhj · 发表于 2013-8-12 21:33:36

413000659 发表于 2013-8-12 21:11
非常感谢楼主！

查看本帖子9楼

413000659 · 发表于 2013-8-13 04:27:34

jxzhj 发表于 2013-7-19 22:12
哈哈,我自己已经解决了,这是由 static\js\common.js中的showTopLink()函数控制返回顶部等按钮位置的,我 ...

楼主你好~ JS文件里有这个语句

function showTopLink() {
var ft = $('ft');
if(ft){
var scrolltop = $('scrolltop');
var viewPortHeight = parseInt(document.documentElement.clientHeight);
var scrollHeight = parseInt(document.body.getBoundingClientRect().top);
var basew = parseInt(ft.clientWidth);
var sw = scrolltop.clientWidth;
if (basew < 1000) {
var left = parseInt(fetchOffset(ft)['left']);
left = left < sw ? left * 2 - sw : left;
scrolltop.style.left = ( basew + left ) + 'px';
} else {
scrolltop.style.left = 'auto';
scrolltop.style.right = 0;
}
if (BROWSER.ie && BROWSER.ie < 7) {
scrolltop.style.top = viewPortHeight - scrollHeight - 150 + 'px';
}
if (scrollHeight < -100) {
scrolltop.style.visibility = 'visible';
} else {
scrolltop.style.visibility = 'hidden';
}
}
}

复制代码

而且我用的是默认的模板底部

是不是因为我模板宽度调大到1024有关系呢？

		自动登录	找回密码
密码			立即注册

[已解决] 返回顶部 按钮不见了!

[已解决] 返回顶部按钮不见了!