Question

我有一个用户应填写的问题列表。类型是或否的问题是那些可以根据所选择的内容转换到另一个问题编号的问题。例如单选按钮中的问题。

你的婚姻？是没有

$ // gets the user IP Address $user_ip=$_SERVER['REMOTE_ADDR']; if (empty($user_ip)) { // ... } else { $id3 = $row['id']; $titlesong = $row['title']; $check_ip = mysqli_query($conn, "select userip from pageview where page='$titlesong' and userip='$user_ip'"); if (mysqli_num_rows($check_ip)>=1) { // ... } else { $insertview = mysqli_query($conn,"insert into pageview values('$id3','$titlesong','$user_ip','$year','$month','$day')"); } // some data... }

如果回答为是，我想滚动到问题编号2，如果回答是否，我想滚动到问题编号10 此代码示例未将我带到确切的问题编号。

我怎样才能在jquery中实现这个目标？

Answer 1

您需要更改的唯一内容是scrollTop的值。您可以简单地添加或减去要偏移滚动的像素数。例如：

$('html, body').animate({
        scrollTop: $("#"+anyQuestionId).offset().top + 50
}, 1000);

这是一个例子。如果单击第一个元素，它将滚动50像素，超过正常情况。

https://codepen.io/simsketch/pen/JbQQML

希望这有帮助！

Answer 2

以下是工作示例Simple jQuery scroll to anchor up or down the page...?

如果你想检查所选择的内容，你可以把你想要反应的字段事件的句柄放在这个句柄中，你可以检查它的价值，如果它你想要你将滚动，否则不会，但想想明智地说（甚至你选择了什么，如果它对用户来说不会太烦人）。

Answer 3

您需要观看并捕捉单选按钮点击事件，如下所示：

import { enableProdMode } from '@angular/core'
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'
import { AppModule } from './app.module'

// enableProdMode()
platformBrowserDynamic().bootstrapModule(AppModule)

这是演示：http://codepen.io/mkdizajn/pen/ObeepY?editors=1010

hth，k

如何在jquery中向下滚动

3 个答案: