自动跳转到网页视图的某个部分
Automatically jump to a certain part of a web view
我正在制作一个Chrome应用程序,我正在使用类似于iframe的web视图标签。
有没有办法在网页视图中加载网页的一半?
I have try:
application.js:
$(document).ready(function () {
// Assuming <webview id="wv"></webview>
var webview = document.getElementsById("wv");
webview.addContentScripts([{
name: "ExampleRule",
matches: ["http://sentifeed.marstons.co.uk/Index.aspx"], // can be as narrow as you wish
js: ["content.js"]
}]);
webview.src = "http://sentifeed.marstons.co.uk/Index.aspx";
var webview = document.getElementsById("wv");
webview.executeScript({
file: "content.js"
});
$(".box1").click(function () {
$(".header").css("position", "fixed");
$(".bookAtable").fadeIn(1000);
$(".content").hide();
$(".headerPara").slideUp();
$(".back").css("visibility", "visible");
$(".marstonsLogo").css({
"opacity": "0.0",
"height": "48px"
});
});
$(".box5").click(function () {
$(".sentifeed").fadeIn(1000);
$(".content").hide();
$(".headerPara").slideUp();
$(".back").css("visibility", "visible");
$(".marstonsLogo").css({
"opacity": "0.0",
"height": "48px"
});
$(".header").css("position", "fixed");
});
$(".box3").click(function () {
$(".inmoment").fadeIn(1000);
$(".content").hide();
$(".headerPara").slideUp();
$(".back").css("visibility", "visible");
$(".marstonsLogo").css({
"opacity": "0.0",
"height": "48px"
});
$(".header").css("position", "fixed");
});
$(".back").click(function () {
$("webview").hide();
$(".content").fadeIn(1000);
$(".headerPara").slideDown();
$(".back").css("visibility", "hidden");
$(".marstonsLogo").css({
"opacity": "1.0",
"height": "75px"
});
$(".header").css("position", "relative");
});
$(".login").click(function () {
$(".boxWrapper").show();
$(".login-page").slideUp(600);
});
});
window.onload = function () {
document.querySelector(".exit").onclick = function () { //close windows button
window.close();
};
}
My content.js:
window.scroll(0, 150);
html: <webview id="wv" class="sentifeed"></webview>
试试这个:
JQuery代码
$('html, body').animate({
scrollTop: $('#wv').offset().top //wv id of webview
}, 1000); //Time to scroll
相关文章:
- 谷歌地图没有显示在带有angularjs的第二个部分视图上
- 将多个事件动态添加到多个 Web 视图
- 创建从单个模板继承的多个动态视图
- 在多个网格视图/表上使用相同的函数
- 设计客户端以使用ajax更新多个局部视图
- AngularJs 使用一个指令提供多个模板视图
- AngularJS在第一个页面视图上没有加载
- 角度 UI 路由器为所有状态提供多个命名视图
- 通过单击相关选项卡渲染多个部分视图
- 反应,异步加载具有不同组件的多个部分/视图
- 添加多个分部视图,第一个缺少表单
- 在 Android 中使用多个 Web 视图来模拟 Javascript 线程
- 如何在同一场景中连接两个 Web 视图
- 两个不同视图上的两个按钮调用相同的函数 AngularJS
- 对控制器的两个不同视图中的任何元素使用相同的id
- 呈现多个EmberJS视图时断言失败
- AngularJS/UI路由器:如何使用一个具有多个命名视图的控制器
- 如何将Javascript代码的单独实例附加到N个角度视图
- 使用Jquery、MVC和Json更新多个部分视图不起作用
- 如何将多个网格视图行发送到另一个页面,并在中继器中填充这些行