我正在开发一个带有垂直滚动导航的单页网站.我有一个固定位置的导航栏,我的滚动内容应该在导航右侧浮动时上下移动.这是一个预览链接:http://mistersaisho.com/actioncreations/pageSlider/
问题是它在firefox,safari和chrome中运行得非常好.当我在Ipad上查看它时,第一次选择导航项时,滚动效果很好.一旦完成,导航中的所有点击功能都无法正常工作,即使是那些不控制滑块内容的功能也是如此.
当我动画像marginTop这样的不同属性时,我没有得到错误,这在我的项目中不起作用,因为我还需要能够使用页面滚动器在整个站点中导航.
有没有人对如何解决这个问题有任何想法？
谢谢.
我试图让一个图标浮动在有换行符的液体文本容器上。
问题是，当换行时，文本结束之前和div结束的地方有很大的差距。这使我的浮动元素从间隙结束的地方开始。
有没有办法让 div 只有其内容的大小？
检查此代码笔：https ://jsfiddle.net/e38edtdy/1/ 调整输出区域的大小以查看空间间隙。该按钮将自动调整其大小以查看间隙。
*{
padding:0;
margin:0;
top:0;
left:0;
}
#mainContainer{
width:100%;
border:black solid thin;
}
#lt{
color: black;
background-color:gray;
tex-align:left;
max-width:90%;
float:left;
}
#icon{
width:20px;
height:20px;
background-color:blue;
float:left;
}
<body >
<div id='mainContainer'>
<div id='lt'>This is The information This is The information This is The information</div>
<div id='icon'></div>
</div>
<br/>
<input type='button' onClick='showBadSize()' value="click to auto resize to show gap" style='margin-top:20px;float:left; clear:left' />
</body>