scroll back to top이 모바일에서는 안나타납니다.
- - 짧은주소 : http://e3net.fineyes.com/bbs/?t=1uA
총 채택 포인트 | 10 포인트 |
---|---|
채택된 회원에게 주는 후원 포인트 | 8 포인트 |
채택 후 작성자(젬스박) 회수 포인트 | 2 포인트 |
본문
무더운 폭염에 건강하세요!
그누버전 Version 5.3.1.3을 사용중이고 빌더2시리즈를 사용중인데요
pc에서는 해상도 조정해도 스크롤 버튼이 나타나는데
모바일에서직접 하면 나타나질 않습니다.
그누버전 Version 5.2 버전에서 설치한 빌더2는 잘 작동됩니다.
혹시 어떤 문제일지 알 수 있을까요?
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<div class="eb-top"><i class="fa fa-angle-up"></i></div>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:true, shouldvisible:true},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div class="eb-top">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
질문과 답변 (채택기능) 게시판이 신설되었습니다.
질문과 답변 (구) 게시판은 글쓰기가 제한되오니 착오 없으시길 바랍니다. (댓글 및 조회는 여전히 가능합니다.)
채택포인트 : 최소 10 포인트 ~ 최대 1,000 포인트 설정하실 수 있습니다.
빠른 답변을 원하신다면 채택포인트를 높게 설정해 보세요. ^^
제목 | 글쓴이 | 채택포인트 | 날짜 | ||||
---|---|---|---|---|---|---|---|
해결
1
10p
|
|||||||
ha 2018.07.31 | |||||||
미해결
0
10p
|
|||||||
![]() |
|||||||
미해결
1
10p
|
|||||||
![]() |
|||||||
해결
1
10p
|
|||||||
ha 2018.07.26 | |||||||
미해결
1
10p
|
|||||||
GreenSNS 2018.07.26 | |||||||
해결
1
50p
|
|||||||
이윰초보임당 2018.07.26 | |||||||
미해결
1
10p
|
|||||||
ha 2018.07.25 | |||||||
미해결
0
100p
|
|||||||
플라잉피그 2018.07.24 | |||||||
미해결
1
10p
|
|||||||
letsdive 2018.07.24 | |||||||
미해결
0
230p
|
|||||||
오늘 2018.07.23 | |||||||
미해결
2
0p
|
|||||||
슈프림롤업 2018.07.23 | |||||||
미해결
1
10p
|
|||||||
젬스박 2018.07.20 | |||||||
미해결
1
10p
|
|||||||
대하나 2018.07.19 | |||||||
미해결
2
80p
|
|||||||
studyhaza 2018.07.17 | |||||||
미해결
1
10p
|
|||||||
숲을지나 2018.07.17 |
댓글목록 1
디폴트님의 댓글
상기 소스는 back-to-top.js 같은데요
이윰빌더2 시즌과 그누 최신 버전에도 아무 문제 없이 잘 사용하고 있습니다.
둘다 작동하지 않는다면 개발자 도구를 통해 스크립트 에러를 확인하면 될 것 같지만
피시에선 제대로 동작하는데 모바일에서 작동하지 않는다면 사용자가 디바이스에 따른 조건문을 선언한 게 아닌지 확인해보세요
질의 자체만 가지고선 확답을 드리기 어렵네요
축하합니다. 첫댓글 포인트 62포인트를 획득하였습니다.