小编use*_*549的帖子

当我有一个可滚动内容的网页时.使用css属性"overflow:auto"或"overflow:visible",滚动条在桌面浏览器上可见,但是当我在移动浏览器上打开页面时,滚动条仅在我尝试滚动时出现.有没有办法让滚动条始终在移动设备上可见？我尝试了一些JQuery库,但没有一个有效.

HTML代码很简单,我有一个带有IFrame的可滚动div:

<div id="wrapper">
    <iframe id="frameContent" src="mysite" scrollable="yes"></iframe>
</div>

css:

#wrapper{
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    width: 500px;
    height: 200px;
}

#frameContent{
    width: 100%;
    height: 100%;
} 

我想知道是否有办法检测所有现代浏览器都支持的页面缩放级别.我已经尝试了这个: 如何检测页面缩放级别的所有现代浏览器

但不幸的是,它与我试过的所有浏览器都不完全兼容.

是否有更通用的方法或jquery库来实现这一目标？

我正试图在移动浏览器上解决css"position:fixed"属性的问题.我有一个固定的div:

<div id="logo">
...other content here...
</div>

用css:

#logo{
    position: fixed;
    -webkit-backface-visibility: hidden;
    bottom: 100px;
    right: 0px;
    width: 32px;
    height: 32px;
}

因此,通常行为完全是所需的行为,div位置始终位于窗口的右下角,与滚动位置无关.我的问题是,在移动浏览器上,当用户缩放页面时,在某个缩放级别之后,div位置是错误的(有时div会从窗口中消失).

我知道移动浏览器不支持固定位置,但我想知道是否有一些解决方法.我尝试使用这个js代码onScroll事件:

window.addEventListener('scroll', function(e){
    drag.style['-webkit-transform'] = 'scale(' +window.innerWidth/document.documentElement.clientWidth + ')';\\I want to avoid zoom on this element
    var r = logo.getBoundingClientRect();
    var w = window.innerWidth;
    var h = window.innerHeight;
    if(r.right != w){
        rOff = r.right - w;
        logo.style.right = rOff;
    }
    if(r.top+132 != h){\
        tOff = r.top + 132 - h;
        logo.style.bottom = tOff;
    }
});

不幸的是,代码似乎回到了错误的位置.

有人有任何提示吗？

我想用wordpress创建一个网站,但我希望我的网站有一个由我创建的自定义主页,与网站主题完全不同,然后直接从我的页面链接wordpress页面.

这可能吗？我怎样才能做到这一点？我可以简单地创建页面,并链接使用wordpress面板创建的其他页面,而不会破坏所有内容吗？