knockout.js jQuery滚动以在单击按钮时显示特定DIV

92dk7w1h  于 2022-11-10  发布在  jQuery
关注(0)|答案(1)|浏览(132)

在我的html页面中,我有大约五个按钮。这些按钮排列在一个DIV中,并且这些按钮位于页面的底部。当我单击其中一个按钮时,页面会向上滚动。我想避免这种行为。我想在单击按钮时滚动到同一DIV。
这可能吗?
第一个

v2g6jxz6

v2g6jxz61#

假设您的按钮像这样环绕div

HTML程式码:

<div class="container"> <div class="rows"><input type="button" value="Update Details" data-bind="onClick: {value: ' Update Details '} /></div> <div class="rows"><input type="button" value="Update Details" data-bind="onClick: {value: ' Update Details '} /></div> </div>

淘汰码:

// This is a custom event handler which is raised on button click ko.bindingHandlers.onClick = { init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) { element.onclick = function (event) { event.preventDefault(); //this will place the target div at top of the page $(event.target)[0].scrollIntoView(); // The below function contains business logic UpdateDetails(); } } };

相关问题