为显示的 webview 添加底部边框答案

【问题标题】：Add a bottom border to displayed webview为显示的 webview 添加底部边框
【发布时间】：2014-01-04 14:28:29
【问题描述】：

我的 webview 使用像书一样的水平滚动来显示 HTML 内容。我正在使用滚动功能来做到这一点。我的问题是，如何使用 JS 或 jQuery 在每个页面上添加底部边框？

【问题讨论】：

【解决方案1】：

我建议使用 css 来完成此操作。如果您希望页面的正文有边框，您只需将此规则添加到您的 css：

body {
border-bottom:5px #f00 solid;
}

要使用 jQuery 实现相同的结果，请将其添加到您的脚本中：

$(document).ready(function() { 
$('body').css({'border-bottom':'5px #f00 solid'});
});

如果这能实现您的目标，请告诉我！

【讨论】：

兄弟，我正在使用 scrollTo() 函数在许多屏幕上显示一个 html 内容。您说的方法只会在html文件的末尾添加边框。我希望它在所有显示的底部 div 上。
将“body”更改为您分配给希望看到边框的 div 的类名。如果您希望它显示在所有 div 上，请将 'body' 更改为 'div'
有没有办法找到显示窗口最底部的 div 并只为该 div 设置边框？
是的，这是可能的。如果您可以展示您的代码示例，或者可能设置一个带有工作示例的 jsfiddle，我将非常乐意提供帮助。出于好奇，为什么不直接在可视范围的底部动态放置一个 div，然后模拟该 div 上的边框？
感谢您的帮助。我有问题的测试eclipse项目在这个链接上dropbox.com/s/umomjketlx6kake/JS_test001.rar

【解决方案2】：

为每个页面添加一个类，然后使用它一次为所有页面添加一个边框。
如果类名是page，那么使用这个jQuery：

$(".page").css("border-bottom","1px solid black");

您可以使用任何边框样式。

【讨论】：

我也在这个项目上使用了文本缩放。我认为您的答案仅适用于特定的文本大小。即，如果我创建了一个包含一些 html 内容的类，缩放后它将移至下一页。所以底部边框将位于下一页的某个位置。