考虑一下我有一个问题清单.当我点击第一个问题时,它会自动将我带到页面底部.
事实上,我知道这可以使用jQuery完成.
那么,你能给我一些文件或一些链接,我可以找到这个问题的答案吗？
编辑:需要滚动到页面底部的特定HTML 元素
我想将console.log输出写入div层.
例如:
document.write(console.log(5+1)); //Incorrect, random example
有人可以帮我解决问题吗？
谢谢.
编辑:
我的意思是,例如:
console.log("hi");
它在屏幕上显示输出"hi".
注意:一个例子:http://labs.codecademy.com/#:workspace
我正在努力创建一个快速响应的应用程序; 在更大的屏幕,还有的div的列表,您可以滚动起来,看看以前的申报单("传统"的行为).在较小的屏幕上,它显示相同的列表但反转顺序,因此向下滚动看到显示div.
我认为flexbox对于这个来说是一个很棒的解决方案,而且它是......在Chrome上.
这是HTML:
<div id="list">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<div class="item">6</div>
<div class="item">7</div>
<div class="item">8</div>
<div class="item">9</div>
</div>
而且,CSS:
#list {
display: flex;
flex-direction: column-reverse;
height: 250px;
overflow-y: scroll;
border: 1px solid black;
}
.item {
flex: 1;
padding: 2em;
border: 1px dashed green;
}
以及展示它的小提琴:http://jsfiddle.net/jbkmy4dc/3/
在Chrome中,listdiv正确显示滚动条.但是,在Firefox和IE/Edge中,滚动条可见但已禁用.
有任何想法吗？我可能错过了供应商前缀吗？
overflow-y:hidden将隐藏上部和下部的视图.我们可以只显示上半部分而不是下半部分.现在我喜欢这样的东西overflow-y-top:visible; overflow-y-bottom:hidden;
同样overflow-x-left:visible;overflow-x-right:hidden
那么我们可以用css做些什么吗？
我的具体问题:
HTML:
<div id="main">
<div id="arrow">?</div>
<div id="content">id="toggle_view">view more</div>
<div id="content1"> this is any thext</div>
<div id="content2"> this is any thext</div>
<div id="content3"> this is any thext</div>
<div id="content4"> this is any thext</div>
</div>
CSS:
#main {overflow-y:hidden;height:100px;position:relative}
#arrow {position:absolute;top:-30px;}
#toggle_view{position:absolute;right:0;bottom:0;}
现在我想隐藏内容而不是箭头.那么是否有一些技术可以使div的下面部分隐藏不到顶部？
有没有办法配置 ipython notebook，这样每当我打印一个长列表时，我会自动看到底部？
例如，在终端中，如果我运行以下命令：
for i in range(1000):
print i
它会自动滚动到底部：
992
993
994
995
996
997
998
999
In [2]:
但是在 Python 笔记本中，我看到了开头，我必须手动向下滚动到最后一个数字。
我正在运行一个长循环，每次迭代需要几秒钟，每当我想检查程序有多远时，都不得不向下滚动，这很不方便，
谢谢你，
我已经尝试使用scrollTop以及scrollTop(),它总是返回0.这怎么可能,我已经尝试过这样:
Template.myHome.events({
"click .examine": function(event){
event.preventDefault();
varPos = event.clientY;
var yPos = document.body.scrollTop;
console.log("Y coords: " + yPos);
}
});
以及在几个div内使用JQuery版本,包括body标签,再次给我0或null.
我只想要在用户滚动页面时获得在y轴上遍历的像素数.
我试图滚动到div的底部,#chat-feed溢出设置为auto并保持在那里,除非用户滚动该div的内容.如果它们向下滚动,则div应锁定到底部,新内容将显示在底部.
已知问题:我已尝试使用我的代码实现此答案,但我还不了解Javascript以使其正常工作.如果来自chat-feed.php容器的内容高于容器,则滚动停留在顶部.似乎给出的答案不尊重从外部文件加载的内容.
关键的事情:新内容应该显示在底部,div应该在新内容加载时滚动到底部,除非用户已经向上滚动了一点.如果用户向下滚动,则它应锁定到底部,新内容将显示在底部并可见.
<div id="chat-feed" style="height: 200px; width: 300px; overflow: auto;"></div>
<script>
$(document).ready(function(){
setInterval(function(){
$('#chat-feed').load("chat-feed.php").fadeIn("slow");
}, 1000);
});
</script>